* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; overflow-x: hidden; }

body {	min-width: 100%;
    	font-size: 16px;
    	line-height: 22px;
    	font-family: 'Montserrat', sans-serif;
    	color: #03396c;
    	bg-color: #ffffff;
}

p { padding-bottom: 20px; }

.well .well-sm {	
	background-color: white; 
	border-color: white; 
	padding: 0px;}

.row { 	padding-top: 10px; 
  	padding-right: 0px;
  	margin-right: 0px;
	min-width: 100%;
	border: none;
	background-color: white;
}


.navbar { background-color: #03396c; color: white;  border-color: transparent; }

.navbar-right { font-size: 12px; padding-right: 10px; }


h1, h2, h3, h4, h5 { padding-left: 10px; padding-top: 10px; font-family: 'Montserrat', sans-serif; }



p { 	text-align:justify; 
	padding-left: 10px; 
	padding-right: 10px; 
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	}

.footer p { 
	color: silver;
	font-size: 11px;
	font-weight: 500;
    	font-family: verdana, arial, sans-serif;
    	width: 100%;
	background-color: #03396c;
	text-align: center;
}



#MainImage { 	max-width: 100%;
		min-width: 100%; 
		margin-top: -25px;
		}


.banner {	min-width: 100%;
		max-width: 100%;
		background-color: #03396c;
		padding-top: 8px;
		padding-bottom: 10px;
		}

.banner h3, h4 { font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		letter-spacing: .2 em;
		color: silver; 
		text-align: center; }


/*font-family: 'Montserrat', sans-serif;*/

a { color:#03396c ; text-decoration: underline; cursor: pointer; }
a:hover { color:#007; text-decoration: underline; }
a img { border: 0; }

.btn {
   margin: 10px;
}

ul li a {text-decoration: none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }


.container1 {
	position: relative;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: auto;
	}

.container2 {
	position: relative;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: auto; }

.image1 {
	display: block;
	min-width: 100%;
	max-width: 100%;

	width: 100%;
	height: auto; }

.overlay {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	height: 100px;
	width: 100%;
		min-width: 100%;

	max-width: 100%;
	opacity: 0.2;
	transition: .5s ease;
	background-color: white;
	z-index:10;
	text-align: center;
	color: #779cbb;
	}

.overlay1 {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	height: 100px;
	width: 100%;
		min-width: 100%;

	max-width: 100%;
	opacity: 0.5;
	transition: .5s ease;
	background-color: white;
	z-index:10;
	text-align: center;
	color: #779cbb;
	}

.overlay h1, h2, h3, h4, h5 {z-index: 20; color: #03396c; font-weight: 700; opacity: 1; }

.overlay2 {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	height: 50%;
	width: 100%;
		min-width: 100%;

	max-width: 100%;
	opacity: 0.6;
	transition: .5s ease;

	z-index:10;
	text-align: center;
	color: #779cbb;
	}

.overlay2  h1, h2, h3, h4, h5, h6 {z-index: 20; color: #03396c; font-weight: 700; opacity: 1; margin: 0 auto; background-color: white; padding: 5px; }

.caption {	display: block;
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right:0;
		padding: 10px;  	
		z-index: 40; 
		font-weight: 700; 
		text-align: center;
		max-width: 100%;
		background-color: white;
		opacity: .3;
		
		 }
.caption h3 { font-weight: 700; }

.caption:hover {	display: block;
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right:0;
		padding: 10px;  	
		z-index: 40; 
		font-weight: 700; 
		text-align: center;
		max-width: 100%;
		background-color: white;
		opacity: .7;
		
		 }


.main { padding: 0px; }

.transBack { background-color: none; }


.greyBack {background-color: #ccc; }

.centered {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.firstWell {
	max-width: 100%;
	min-width: 100%; 
	background-color: white;
	width: 100vw;
	padding-top: -35px;
}