@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Oxygen&display=swap');

body{
	background:#e7e2d8;
	color:#666;
	font-size:16px;
}

h1 {
	font-size: 1.75em;
	color:#000;
}

h2 {
	font-size: 1em;
}

h3 {
	font-size: 1.7em;
}

@media(max-width: 768px) {
        h1 {
			font-size: 1.2em;
		}
		
		h2 {
			font-size: 0.95em;
		}
		
		h3 {
			font-size: 1.2em;
		}
		
		p {
			font-size: 0.95em;
		}
    }

.content{
	margin-top:20px;
}

.website-ex{
	margin-top:60px;
	margin-bottom:60px;
}

.graphic-ex img{
	margin-top:80px;
	margin-bottom:80px;
}

.graphic-ex h1{
	text-decoration:underline;
}

.clear{
	clear:both;
}

.fl{
	float:left;
}

.fr{
	float:right;
	margin:0 15px;
}

p {
	font-weight: lighter;
	font-family: 'Oxygen', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Alegreya Sans SC', sans-serif;
}


.LMPS-example{
	border-radius:45px;
	background:rgba(231,220,201,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.LMPS-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.LMPS-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.GA-example{
	border-radius:45px;
	background:rgba(198,223,199,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.GA-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.GA-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.METRO-example{
	border-radius:45px;
	background:rgba(237,216,216,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.METRO-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.METRO-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.BB-example{
	border-radius:45px;
	background:rgba(226,214,203,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.BB-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.BB-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.ESL-example{
	border-radius:45px;
	background:rgba(227,235,249,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.ESL-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.ESL-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.WCWW-example{
	border-radius:45px;
	background:rgba(213,234,236,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.WCWW-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.WCWW-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.army-example{
	border-radius:45px;
	background:rgba(204,204,204,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.army-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.army-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.personal-example{
	border-radius:45px;
	background:rgba(240,241,211,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.personal-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.personal-example{
	border:3px solid rgba(243,241,237,1);
	}
}

.general-example{
	border-radius:45px;
	background:rgba(253,238,208,1);
	padding:20px 0;
}
@media (min-width: 993px) {
.general-example{
	border:20px solid rgba(243,241,237,1);
	}
}
@media (max-width: 992px) {
.general-example{
	border:3px solid rgba(243,241,237,1);
	}
}



/*  Custom tab navs */
/*  Custom tab navs */
/*  Custom tab navs */
.nav-tabs > li > a{
	border-radius:0!important;
	border-top:1px solid #666!important;
	border-bottom:1px solid #666!important;
	border-left:none!important;
	border-right:none!important;
	transition: border .25s ease-in-out;
   -moz-transition: border .25s ease-in-out;
   -webkit-transition: border .25s ease-in-out;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   padding:0!important;
}

.nav-tabs > li > a:hover{
	background:#FFF!important;
	border-top:1px solid #000!important;
	border-bottom:1px solid #000!important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{  
	color:#000!important; 
	border-top:1px solid #000!important;
	border-bottom:1px solid #000!important;
	z-index:99!important;
}

/* Prevent justified tab nav from stacking */
/* Prevent justified tab nav from stacking */
/* Prevent justified tab nav from stacking */
@media (max-width: 768px) {
  .nav-justified > li {
    display: table-cell!important;
    width: 1%;
  }
  .nav-justified > li > a  {
    border-radius: 0!important;
    margin-bottom: 0 !important;
  }
}



/* Link Styles */

a:link{
	color:#666;
	font-weight:bold;
	transition: color .5s ease-in-out;
   -moz-transition: color .5s ease-in-out;
   -webkit-transition: color .5s ease-in-out;
}

a:active{
	color:#666;
	font-weight:bold;
}

a:hover{
	color:#000;
	font-weight:bold;
}

a:visited{
	color:#666;
	font-weight:bold;
}




/* GENERAL OVERRIDES */
/* GENERAL OVERRIDES */
/* GENERAL OVERRIDES */


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

.navbar-brand{
	padding:2px 10px!important;
}


a {
   outline: 0!important;
}