/* MOBILE FIRST */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

*, *:before, *:after{
	box-sizing: border-box;
}

h1 {
    font-size: 2.5em; /* 40px/16=2.5em */
	margin-bottom:1em;
}

h2 {
    font-size: 1.875em; /* 30px/16=1.875em */
	margin-bottom:0.75em;
}

h3 {
   	font-size: 1.25em; /* 20px/16=2.5em */
	margin-bottom:0.5em;

}

h4 {
    font-size: 0.625em; /* 10px/16=1.875em */
	margin-bottom:0.25em;

}

.newsflash-title{
  margin-top: 1em;
}

body{
	line-height:180%;
  	font-family: 'Roboto', sans-serif;
}

p{
  margin: 0;
}

a{
  text-decoration:none;
}

.wrapper{
	max-width:1024px;
	margin:0 auto;
}

.wrapper::after {
    clear: both;
    content: "";
    display: block;
}

/* HEADER */

header{
	background-color:#052453;
	margin-top:10px;
}

header:after{
  	content: "";
    clear: both;
    display: block;
}

.logo{
	width:100%;
	height:auto;
	text-align:center;
	padding:0.25em;
}

logo:after{
  	content: "";
    clear: both;
    display: block;
}

.logo p, .logo a, .logo a:hover{
  color:white;
  font-weight:bold;
  font-size:150%;
}

.logo img {
  width:auto;
  max-height: 100px;
  margin-top: 8px;
}

.comp-name{
  margin-top:1%;
  margin-bottom:1%;
}

/* NAVIGATION */

nav ul li a{
	font-weight:500 !important;
	letter-spacing: 1px;
	font-size:16px !important;
}

nav ul{
	padding:0 !important;
}

nav::after {
    clear: both;
    content: "";
    display: block;
}


/* SLIDER */

.slider-wrapper{
	width:100%;
	height: auto;
	background-color: #d1d1d1;
}

.slider{
  width:100%;
  height:auto;
}

.slider img{
  max-width: 1024px;
  height:auto;
}

.slider:after{
  	content: "";
    clear: both;
    display: block;
}

/* CONTENT */

.content{
	background-color:white;
	padding:4%;
	width:100%;
}

.content::after {
    clear: both;
    content: "";
    display: block;
}

.content p{
  float:left;
}

.content a, .content a:visited, .content a:hover, .content a:active{
  color:#052453;
}

.content a:hover{
  text-decoration:underline;
}

.con-1{
  float:left;
  width:100%;
  height:auto;
}

.con-1:after {
    clear: both;
    content: "";
    display: block;
}

.con-1 p{
  width:100%;
}

.map{
  width:100%;
  height:450px;
}

.main h1, .main h2, .main h3, .main h4{
	color:#052453;
}

.sidebar{
	width:92%;
	height:auto;
	padding:4%;
	background-color:white;
	margin:0 auto;
	border: 1px solid #DEDEDE;
	border-radius:5px;
}

.sidebar p:first-child{
	color: #052453;
	font-size: 125%;
}

.img-1-l{
  float:left;
  width:100%;
  padding: 0 0 1em 0;
  margin-right:1em;
}

.img-1-l::after {
    clear: both;
    content: "";
    display: block;
}

.img-1-r{
  float:right;
  width:100%;
  padding: 0 0 1em 0;
  margin-left:1em;
}

.img-1-r::after {
    clear: both;
    content: "";
    display: block;
}

.img-2-c{
  float:left;
  width:100%;
  padding: 1em 0;
}

.img-2-c::after {
    clear: both;
    content: "";
    display: block;
}

.img-3-c{
  float:left;
  width:100%;
  padding: 1em 0;
}

.img-3-c::after {
    clear: both;
    content: "";
    display: block;
}

.img-4-c{
  float:left;
  width:100%;
  padding: 1em 0;
}

.img-4-c::after {
    clear: both;
    content: "";
    display: block;
}

/* FOOTER */

footer{
	background-color:#052453;
	color:white;
	padding-top:2%;
	padding-bottom:2%;
	line-height:125%;
}

footer a {
	text-decoration:none;
	color:#ffffff;
}

footer:after{
  	content: "";
    clear: both;
    display: block;
}

.footer-left{
  width:100%;
  float:left;
  padding: 0.5em 4%;
  border-bottom:none;
}

.footer-center{
  width:100%;
  float:left;
  padding: 0.5em 4%;
  border-bottom:none;
}

.footer-right{
  width:100%;
  float:left;
  padding: 0.5em 4%;
  border-bottom: none;
  text-align: left;
}

.footer-right img{
	max-width: 64px;
	margin-right:0.35em;
}

.footer-right img:nth-last-child(1){
	margin-right:0;
}

[class*="footer-"] p:nth-child(1){
	margin-bottom:1em;
	font-size:13px;
}

footer p, footer a{
	font-size:13px;
	font-weight:500;
}

.footer-extend{
	width: 100%;
}

.footer-extend img{
	margin:2em 2em 0.5em 2em;
}

.sample{
	text-align:center;
	width:auto;
	margin: 0 auto;
}

/* MEDIA QUERIES */

@media all and (min-width: 700px) and (max-width: 900px){

  	 /* CONTENT */

  	 .img-1-l{
  		float:left;
  		width:30%;
        margin-right:2%;
        margin-bottom:2%;
	 }

}

@media screen and (min-width:900px){

  body{
    margin-top:158px;
  }
  
	/* HEADER */

	header{
		margin-top:0;
		/*height:150px;*/
		height: auto;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: 100000;
	}

	.logo img{
		max-width:200px;
	}

	nav {
		text-align:center;
		width:100%;
		margin:1em;
		height:auto;
	}

	nav ul a:link, nav a:visited, nav a:hover{
		color: #ffffff !important;
	}

	nav:after{
		content: "";
		clear: both;
		display: block;
	}

	/* CONTENT */

	.content{
		background-color:white;
		padding:2em 2em;
	}
	
	.content h1, .content h2{
		margin-top:0;
	}

    .img-1-l{
      float:left;
      width:33%;
    }

    .img-1-r{
      float:right;
      margin-left:1%;
      width:33%;
    }

    .img-2-c{
      float:left;
      width:49%;
      margin-right:2%;
    }

    .img-2-c:nth-child(even){
      margin-right:0;
    }

    .img-3-c{
      float:left;
      width:32%;
      margin-right:2%;
    }

  	.img-3-c:nth-last-child(1){
    	margin-right:0;
  	}

    .img-4-c{
      float:left;
      width:23.5%;
      margin-right:2%;
    }

    .img-4-c:nth-last-child{
          margin-right:0;
     }

	/* FOOTER */
	footer{
		height:auto;
		padding:1em 2em;
	}

	.footer-left{
	  width:32%;
	  padding: 0.5em 0;
	  border-bottom:none;
	  margin-right:1%;
	}

	.footer-center{
	  width:32%;
	  float:left;
	  padding: 0.5em 0;
	  border-bottom:none;
	  margin-right:1%;
	  margin-left:1%;
	}

	.footer-right{
	  width:32%;
	  float:left;
	  padding: 0.5em 0;
	  border-bottom: none;
	  margin-left:1%;
	  text-align:right;
	}

	.footer-right img{
		text-align: left;
		max-width: 32px;
		margin-right:0.35em;
	}

	.footer-extend img{
		margin:2em 2em 0.5em 2em;
	}

	.sample{
		text-align:center;
		width:auto;
		margin: 0 auto;
	}

}

@media screen and (min-width:1024px){

  body{
    margin-top:120px;
  }
  
	header{
		height:120px;
	}

	/* LOGO */

	.logo{
		float:left;
		width:32%;
	  	height:auto;
		text-align:left;
  	}
  
    .logo p{
    	float:left;
    }
  
    .comp-name{
  		float: left;
    	margin-top: 45px;
    	margin-left: 15px;
    }

	.logo img{
		max-width:200px;
		margin-top:16px;
	}

	/* NAV*/

	nav{
		float:right;
		width:67%;
		bottom:0;
		margin:75px 0 0 0;
	}

	nav ul{
		text-align:right;
	}
	
	/* SLIDER */
	
	.slider{
		max-width:1024px;
		height:auto;
		margin:0 auto;
	}

	/* CONTENT */

	.content{
		float:left;
		padding:2em 0;
		width:74%;
		margin-right:1%;
	}
	
	.sidebar{
		float:left;
		width:25%;
		margin:2em 0;
		padding:1em;
		box-shadow: 0px 15px 10px -15px #111;
	}

}