html {font: 18px/1.5rem 'freight-neo-pro','Proxima-Nova',Helvetica,Arial,sans;color: #444;margin:0;padding:0;}
body {margin:0;padding:0;position:relative;min-height:100vh;}
.fb-page,table,ul,p,form {margin:1.5rem 0}
h1,h2,h3,h4,h5,h6 {font-weight:300;margin:1.5rem 0;line-height:1.5em;font-family:'Signo'}
h1 {font-size: 2rem}
h2 {font-size: 1.7rem;}
h3 {font-size: 1.35rem}
h4 {font-size: 1.1rem}
h5 {font-size: 1rem}
h6 {font-sie: 0.9rem}
header {background:#276d8e}
footer {background-color: #276d8e;color:white}
footer a {color:white}
a .fa {text-decoration:none}

iframe,img {max-width:100%;max-height:100%}
.center {text-align:center}
.fright {float:right}
.meta {font-size:85%;color: #666}
.grid-container {max-width:1000px}
img.logo {vertical-align:middle;}

.hero {background: url(/images/header_n.jpg) no-repeat 70% 30%;background-size: cover;min-height:230px;position:relative;overflow:hidden;padding:0 0.5rem}
.cc {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0;max-width:90%}

a {color: #276d8e}

.fb-page {margin-bottom:1.5rem}

@media screen and (min-width:768px){
	.hero {height:50vh;}
	
}

@media screen and (max-width:767px)
{
	h1 {font-size: 1.5rem}
	h2 {font-size: 1.3rem}
	h3 {font-size: 1.1rem}
	h4 {font-size: 1rem}
	table {table-layout: fixed;width:100%;}
	.cc {text-align:center}
}

@media screen and (min-width:1025px)
{
	footer {position:absolute;bottom:0;width:100%;}
	.main {padding-bottom:200px;}
}