* {margin:0; padding:0; outline:0; border:0;}
html, body {width:100%; height:100%;}
.clear {clear:both;}
body {font-family: 'Lato', sans-serif; font-size:14px; color:#344a65;}

.slide {background-attachment:fixed; width:100%; position:relative;}
.wrapper_outer {width:100%; height:100%; position:relative; display:table;}
.wrapper_inner {width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center;}


.button {cursor:pointer;}

.button_slidenav {display:block;
	position:absolute;
	left:50%;
	background-color: transparent;
	background-position:center center; 
	background-repeat:no-repeat;
	background-size:cover;
	width:40px;
	height:40px;
	margin-left:-20px;
	}
.button1 {bottom:20px; background-image:url('../images/arrow-down.png'); opacity:0.65; transition:all 0.5s ease;}
.button2 {bottom:20px; background-image:url('../images/arrow-up.png'); opacity:0.65; transition:all 0.5s ease;}
.button_slidenav:hover, .button_slidenav:focus, .button_slidenav:active {opacity:0.95;}


#slide1 {background:#146095 url('../images/bg1.jpg') 0 0 no-repeat; background-size:cover; height:100%;}

#slide2 {background:#146095; height:1500px; }
#slide2 p {text-align:center;}
#slide2 p#logo2 {margin:20px 0 0 0;}
#slide2 strong {font-weight:900; font-size:16px; display:inline-block; padding-bottom:4px;}

#logo {width:471px; height:300px; margin:0 auto; text-align:center;}
#logo a {display:block; width:100%; height:100%;}
#logo a img {max-width:100%;}

p.contactinfo {color:#fff; margin:0 0 20px 0;}

/* ------------------------------------------------------- */


@media only screen and (min-width:1px) {
	#logo {width:240px; height:160px;}
	#logo2 img {width:150px;}
	#mail_link {padding:7px 14px; font-size:14px;}
	#slide2 h1 {font-size:18px; line-height:18px;}
	.contactinfo {padding:0 20px;}
}

@media only screen and (min-width:479px) {
	#logo {width:300px; height:200px;}
	.button_slidenav {width:36px; height:36px; margin-left:-18px;}
	#mail_link {padding:8px 16px; font-size:16px;}
	#slide2 h1 {font-size:24px; line-height:24px; }
	.contactinfo {padding:0 40px;}
}

@media only screen and (min-width:767px) {
	#logo {width:360px; height:240px;}
	#logo2 img {width:180px;}
	.button_slidenav {width:40px; height:40px; margin-left:-20px;}
	.contactinfo {padding:0 20%;}
}

@media only screen and (min-width:992px) {
	#logo {width:471px; height:300px;}
	#logo2 img {width:200px;}
	#slide2 h1 {margin:0 0 60px 0;}
}