@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Expanded:100,200,300,400,500,600,700,800,900');

body {font:1em 'Encode Sans Semi Expanded', sans-serif; color: #111; margin:0; font-size: .95em;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.header {
  padding: 10px 16px;
  background: #fff;
  z-index:999999;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
}

.sticky + .content {
  padding-top: 102px;
}

h1 {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #604c91;
	font-weight: 700!important;
	font-size: 2.25em!important;
	letter-spacing: -.5px;
}

h2 {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #fec147;
	font-weight: 700!important;
	font-size: 1.65em!important;
	letter-spacing: -.5px;
}

h3 {
	width:90%;
	float:none;
	margin:auto;
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #fff;
	font-weight: 700!important;
	font-size: 1.25em!important;
	letter-spacing: -.5px;
}

h4 {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #604c91!important;
	font-weight: 500!important;
	font-size: 1.25em!important;
	letter-spacing: -.5px;
}

h5 {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #fff;
	font-weight: 800!important;
	font-size: 3.25em!important;	
}

h6 {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
	color: #222!important;
	font-weight: 700!important;
	font-size: 1.15em!important;
	letter-spacing: -.5px;
	margin-bottom: 10px;
}

.divider-purple {width:50%; float:left; margin:0 50% 0 0; border-bottom: 5px solid #604c91;}
.divider-purple-carousel {width:50%; float:left; margin:20px 50% 20px 0; border-bottom: 5px solid #604c91;}
.divider-purple-right {width:50%; float:right; margin:0 0 0 50%; border-bottom: 5px solid #604c91;}
.divider-purple-sm {width:25%; float:left; margin:0 75% 0 0; border-bottom: 3px solid #604c91;}
.divider-black {width:50%; float:left; margin:0 50% 0 0; border-bottom: 5px solid #222;}
.divider-gold-sm {width:20%; float:none; margin:0 40%; border-bottom: 5px solid #fec147;}

.btn-link {color:#fec147!important; font-size: 115%!important; font-weight: 700!important; letter-spacing: -.5px!important;}
.btn-link:hover {color:#604c91!important; text-decoration: none!important; text-decoration: none!important;}

.btn-purple {	
	float:left;
	padding:2.5%!important;
	margin:25px 0 0 0;
	background-color:transparent; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 90%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fec147!important;
	letter-spacing: 1px!important;
	border-radius: 0;
	border:2px solid #604c91;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-purple:hover {
	float:left;
	background:#604c91;
	border:2px solid #604c91;
	color:#fff!important;
	cursor: pointer;
}

.btn-content {	
	float:left;
	padding:1.5%!important;
	margin:25px 0 0 0;
	background-color:transparent; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 85%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#604c91!important;
	letter-spacing: .5px!important;
	border-radius: 0;
	border:2px solid #fec147;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content:hover {
	float:left;
	background:#604c91;
	border:2px solid #604c91;
	color:#fec147!important;
	cursor: pointer;
}

.bkgrd-top {background:#604c91;}
.bkgrd-top a {color: #fec147; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-top a:hover {color: #fff; text-decoration: none;}

.nav .nav-item .nav-link {
	font-size: .875em;
	color:#222; 
	padding:10px 1rem!important;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:1px solid #fff;
}
.nav .nav-item .nav-link:hover {color:#604c91; padding:10px 1rem!important; border:1px solid #fec147;}

.navbar-light .navbar-nav .nav-link2 {
	font-size: .875em;
	color:#222; 
	padding:10px 1rem!important;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:1px solid #fff;
}
.navbar-light .navbar-nav .nav-link2:hover {color:#604c91; padding:10px 1rem!important; border:1px solid #fec147;}

.nav-link3 {
	color:#ddd; 
	padding:0 .75rem 0 0; 
	font-family:'Encode Sans Semi Expanded', sans-serif; 
	font-size:1.85em; 
	font-weight:500; 
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing:.5px;
}
.navbar-light .navbar-nav .nav-link3:hover {color:#799b3e; text-decoration:none;}

/*.navbar {display:block;}
*/
.navbar-toggler {border-color:#405464!important; background-color:#fff!important; border:0!important; color:(255,255,255,0.0);}
.navbar-light .navbar-toggler {outline: none;}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(96,76,145);
    background-color: rgba(96,76,145, 0.95);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
	font-family:'Encode Sans Semi Expanded', sans-serif;
    font-size: 28px;
	font-weight:600;
    color: #fec147;
    display: block;
    transition: 0.3s;
	text-transform:uppercase;
}

.overlay a:hover, .overlay a:focus {
    color: #fff;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
	color:#fff;
}

.logo {width:100%;}
.logo img {width:100%; height:auto;}

.carousel-caption {text-align: left!important; text-shadow: 1px 1px 3px #000; padding-bottom: 100px!important; letter-spacing: -.5px;}

.carousel-caption-sm {font-size: 1.85em; font-weight: 500; color:#fec147;}

.btn-carousel {
	width:40%;
	float: left;
	padding:2.5%!important;
	margin:10px 55% 0 0;
	background-color:#604c91; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 92%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fec147!important;
	letter-spacing: 0!important;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-carousel:hover {
	background:#222; 	
	color:#fff!important;
	cursor: pointer;
}

.home-L {background-image:url(graphics/home-L.jpg); border-top:5px solid #fec147; color:#fff;}
.home-R {background-image:url(graphics/home-R.jpg); border-top:5px solid #604c91; color:#fff;}

.home-block {line-height: 2.5em;}

.btn-home-black {
	float: left;
	padding:3%!important;
	margin:20px 0;
	background-color:transparent; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 82%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fec147!important;
	letter-spacing: 0!important;
	border-radius: 0;
	border:2px solid #222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-home-black:hover {
	background:#222;
	border:2px solid #222;
	color:#fff!important;
	cursor: pointer;
}

.btn-home-purple {	
	float: right;
	padding:3%!important;
	margin:20px 0;
	background-color:transparent; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 82%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fec147!important;
	letter-spacing: 0!important;
	border-radius: 0;
	border:2px solid #604c91;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-home-purple:hover {
	background:#604c91;
	border:2px solid #604c91;
	color:#fff!important;
	cursor: pointer;
}

.content {min-height: 400px;}
.content a {color: #604c91; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color: #fec147; text-decoration: none;}

.bkgrd-tagline {background-image:url(graphics/bkgrd-tagline.jpg); color:#fff;}
.group-pic {border-bottom:5px solid #604c91;}

.bkgrd-footer {background:#222; color:#fff; font-size: 90%; clear: both; overflow: hidden;}
.bkgrd-footer a {color: #fec147; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-footer a:hover {color: #fff; text-decoration: none;}

.footer-border {border-bottom: 1px solid #555;}

.footer-logo {width:17%; float:left; margin:10px 1.5%; font-size: 90%; line-height: 1.65em;}
.footer-logo img {width:100%; height: auto;}

.footer-container {width:17%; float:left; margin:10px 1.5%; font-size: 90%; line-height: 1.65em;}
.footer-container a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-container a:hover {color: #fec147; text-decoration: none;}

.bkgrd-anchor {background:#111; color:#555; font-size: 70%; font-weight: 400; border-bottom:2px solid #fec147; letter-spacing: -.5px;}
.bkgrd-anchor a {color: #555; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-anchor a:hover {color: #888; text-decoration: underline;}

/*================ FORM ========================*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #604c91;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:2.5%;
	background-color:#604c91!important;
	background:#604c91!important;
	color:#fff!important;
	font-size:1.5em;
	font-weight:700;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom: 5px solid #fec147;
}
.submit:hover {
	background-color:#222!important;
	background:#222!important;
	color:#fec147!important;
	cursor:pointer;
	border-bottom: 5px solid #604c91;
}

.btn-flip {	
	float:none;
	padding:7.5%!important;
	margin:50px 0 0 0;
	background-color:transparent; 
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 90%!important;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#604c91!important;
	letter-spacing: 1px!important;
	border-radius: 0;
	border:2px solid #fec147;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-flip:hover {
	float:none;
	background:#604c91;
	border:2px solid #604c91;
	color:#fff!important;
	cursor: pointer;
}

.flipbox-icon {width:100%; font-size: 500%; color:#fec147!important; margin:-10px auto 15px auto;}
.flipbox-info {font-size: 85%; line-height: 2.5em; color:#fec147;}

.application {font-size: 90%;}
.application-list {text-transform: uppercase;}

/*-=-=-=-=-=-=-=-=-=-*/
/* Column Grids */
/*-=-=-=-=-=-=-=-=-= */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }

/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.wrapper{width:100%; margin: 20px auto; hoverflow: hidden;}

.panel {
	margin: 0 auto;
	height: 200px;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {
	text-align: center;
}
	
.panel .front {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{
	background-color: #604c91;
	width:250px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.box2{
	background-color: #222;
	width:250px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #604c91;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.staff {border-bottom: 1px solid #fec147;}
.staff img {border-bottom: 3px solid #604c91;}

@media (max-width: 1720px) {
h5 {font-size: 2.75em!important;}	
}

@media (max-width: 1620px) {
h5 {font-size: 2.25em!important;}
.carousel-caption-sm {font-size: 1.35em!important;}
}

@media (max-width: 1325px) {
h5 {font-size: 2em!important;}
.carousel-caption-sm {font-size: 1.25em!important;}
}

@media (max-width: 1200px) {
.navbar-light .navbar-nav .nav-link2 {font-size: .85em; padding:10px .75rem!important;}
.footer-logo {width:13%; float:left; margin:10px 1.5%; font-size: 90%; line-height: 1.65em;}
.footer-container {width:18%; float:left; margin:10px 1.5%; font-size: 90%; line-height: 1.65em;}
.box1 {width:225px; height: 225px;}
.box2 {width:225px; height: 225px;}
}

@media (max-width: 992px) {
h5 {font-size: 1.85em!important;}
.carousel-caption {padding-bottom: 35px!important;}
.carousel-caption-sm {font-size: 1.05em!important;}
.home-block {line-height: 2em;}
.footer-logo {width:50%; float:none; margin:10px 25%;}
.footer-container {width:45%; float:left; margin:10px 2.5%; font-size: 90%; line-height: 1.65em; text-align: left;}
.col_fourth {width:50%; margin-right:0!important;}
.box1 {width:350px; height: 210px;}
.box2 {width:350px; height: 210px;}
.flipbox-info {line-height: 2em;}
}

@media (max-width: 768px) {
h3 {font-size: 1em!important;}
h5 {font-size: 1.5em!important;}
.carousel-caption {padding-bottom: 15px!important;}
.carousel-caption-sm {font-size: .95em!important;}
.btn-carousel {margin:5px 55% 0 0; font-size: 82%;}
.box1 {width:260px; height: 210px;}
.box2 {width:260px; height: 210px;}
}

@media (max-width: 680px) {
h5 {font-size: 1.35em!important;}
.carousel-caption {padding-bottom: 10px!important;}
.carousel-caption-sm {font-size: .9em!important;}
.btn-carousel {width:50%; margin:5px 45% 0 0; font-size: 82%;}
.divider-purple-carousel {margin:10px 50% 10px 0; border-bottom: 3px solid #604c91;}
}

@media (max-width: 576px) {
h3 {font-size: 1.1em!important;}
h5 {font-size: 1.15em!important;}
.carousel-caption {padding-bottom: 5px!important;}
.carousel-caption-sm {font-size: .8em!important;}
.btn-carousel {width:60%; margin:5px 35% 0 0; font-size: 82%;}
.divider-purple-carousel {margin:5px 50% 5px 0; border-bottom: 3px solid #604c91;}
.col_fourth {width:90%; margin:auto!important; float:none;}
.box1 {width:480px; height: 180px;}
.box2 {width:480px; height: 180px;}
.flipbox-info {line-height: 1.75em;}
}

@media (max-width: 480px) {
.home-block {line-height: 1.5em;}
.footer-container {width:60%; float:none; margin:10px 20%; font-size: 90%; line-height: 1.65em; text-align: left;}\
.col_fourth {width:100%; margin:auto!important; float:none;}
.box1 {width:400px; height: 180px; font-size: .9em;}
.box2 {width:400px; height: 180px; font-size: .9em;}
}

@media (max-width: 420px) {
.home-block {line-height: 1.5em;}
.footer-container {width:60%; float:none; margin:10px 20%; font-size: 90%; line-height: 1.65em; text-align: left;}\
.col_fourth {width:100%; margin:auto!important; float:none;}
.box1 {width:350px; height: 180px;}
.box2 {width:350px; height: 180px;}
}

@media (max-width: 375px) {
.footer-logo {width:70%; float:none; margin:10px 15%;}
.footer-container {width:80%; float:none; margin:10px 10%; font-size: 90%; line-height: 1.65em; text-align: left;}
.application-list {text-transform: none;}
.box1 {width:300px; height: 180px; font-size: .8em}
.box2 {width:300px; height: 180px; font-size: .8em}
}