@font-face {font-family: ProximaNova; src: url(../fonts/proxima-nova.otf);}
@font-face {font-family: ProximaNovaLight; src: url(../fonts/proxima-nova-light.otf);}

body {margin:0; padding:0;}
.top {background-color:#062A42; height:138px; width:100%; text-align:center;}
.ln-logo {margin:auto; padding-top:20px;}

.main {background-color:#FFF; height:auto; width:100%; text-align:center; margin:12vh }
.main .ln-alert {margin:auto;}
.main .ln-alert img {width:8%;}
.main .ln-alert h2 {color:#00849A; font-family:ProximaNova; font-weight:bold; line-height:1.2em; width:100%; font-size:20px; margin:30px auto 16px auto; padding:0;text-align:center;}
p.cont {font-family:AvenirLTStd-Black; line-height:1em; font-size:14px; margin:12px 0 20px 0; padding:0; color:#707070;}

.content p {background-color:#FFF; color:#062A42; font-size:12px; width:70%; margin:auto; padding:10px; border-radius:6px; border:1px solid #062A42;}
.content p.cCenter {background-color:#062A42; color:#FFF;}

.footer {background-color:#062A42; position:absolute; bottom:0; left:0; text-align:left;}
.footer img {width:50%;}
.footer p {font-family:ProximaNovaLight; line-height:0em; font-size:11px; margin:0; padding:0; color:#FFF;}

@media only screen and (max-width: 1366px) {
	.main {margin:8vh }	
	.main .ln-alert img {width:10%;}	
}

@media only screen and (max-width: 600px) {
	.main {margin:8vh }
	.main .ln-alert img {width:26%;}
	.main .ln-alert h2 {font-size:18px;}	
	.content p {width:99%;}

	.footer {background-color:#062A42; position:relative; bottom:0; left:0; text-align:center;}
	.footer img {width:20%; margin:12px auto;}
	.footer p {font-family:ProximaNovaLight; line-height:1.2em; font-size:11px; margin:2px auto 10px auto; padding:0; color:#FFF; text-align:center;}
}