/*colors
blue #0074B0
*/


/*fonts

*/


/*.header{
	background-image: url(../images/header-bg.jpg);
	background-size: auto 600px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 600px;
	

}*/

 .header{

	   background:  url(../images/header-bg-portrait.jpg) no-repeat center center fixed; 
	  -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 100%;
	  background-position: 0px 80px;


	  padding-top: 80px;
	  
	  
	  width: 100%;
	  height: 500px;
}




.nav{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #0074B0;
}

.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 200px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:15px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}

/* bootstrap overrides */

.navbar{
	border-width: 0px;
	z-index: 111;
	width: 100%;
	
	
}

.navbar-default {
  background-color: #fff;
  border-color: transparent;
  border-radius: 0px;
  min-height: 80px;
  padding-top:50px;
  
  border-bottom: 1px solid #0074B0;
  

  


  }
  
 .navbar-brand {
   float: none;
   position: absolute;
   top: -10px;
   
   display: none;

}
  
  
.navbar-default .navbar-nav>li>a {
  color: #0074B0;
  height: ;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-right: 7px;
  
  /*border-top-left-radius: 7px;
  border-top-right-radius: 7px;*/
  padding-right: 20px;
  padding-left: 20px;
    
  white-space: nowrap;

}
 
 
 .navbar-default .navbar-nav>li>a:hover {
	 color: #fff;
	 text-decoration: ;
	 background-color: #0074B0;
 }

 
  .navbar-default .navbar-nav>li.active>a {
	 color: #fff;
	  /*text-decoration: underline;*/
	 background-color: #0074B0;
	 
 }
 
   .navbar-default .navbar-nav>li.active>a:hover {
	 color: #fff;
	  /*text-decoration: underline;*/
	 background-color: #0074B0;
	 
 }
 
 
 /*media queries
	
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


*/


/* Small devices (tablets, 768px and up) */
@media(min-width:768px){ 
	
	



	
	 }
	 
	 
	 
/* Large devices (desktops medium, 1100px and up) */
@media(min-width:991px){ 
	




.logo-small{
	 width: 100%; 
	 margin-top: 0px;
	 
}

	
	 }
  

  
/* Large desktops and laptops */
@media (min-width: 1200px) {
	
	.navbar-default .navbar-nav>li>a {
  color: #0074B0;
  height: ;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-right: 15px;
  
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding-right: 25px;
  padding-left: 25px;
    
  white-space: nowrap;
  
  

}

 .header{
	background-image: url(../images/header-bg.jpg);
	background-size: cover;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 75vh;
}




.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 270px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:7px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.navbar-default .navbar-nav>li>a {
  color: #0074B0;
  height: ;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-right: 15px;
  
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding-right: 25px;
  padding-left: 25px;
    
  white-space: nowrap;

}


 .header{
	background-image: url(../images/header-bg.jpg);
	-webkit-background-size: 120%;
	  -moz-background-size: 120%;
	  -o-background-size: 120%;
	background-size: 120%;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100vh;
}




.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 270px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:7px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

.logo-small{
	 width: 80%; 
	 margin-top: 0px;
	 
}

	.navbar-default .navbar-nav>li>a {

  
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;


}


 .header{
	background-image: url(../images/header-bg-portrait.jpg);
	 -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 100%;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100vh;
}

.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 40%;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 6%;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}




}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}