@font-face {
    font-family: 'albertus_extra_boldregular';
    src: url('albr85w-webfont.woff2') format('woff2'),
         url('albr85w-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* resets */
html, body, div, span, object, iframe, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display:block;}


/************************************************************************************
LAYOUT
*************************************************************************************/
html, body {width:100%; height:100%; text-align: center;}
body {/*font:14px/23px helvetica, arial, sans-serif !important;*/ color:#404040; position:relative; font-family: 'albertus_extra_boldregular';}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a {}
a:hover {color: #fff;}
a:focus {outline: 0;} /* overwrite bootstrap's outline */
input, textarea {max-width: 100%;}
input:focus {border-color:#7CCDE9;} /* form field focus border color */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
.clear {clear: both;}
/*ul, ol {margin-left: 15px;}*/
.hr {background-color: #404040; width: 100%; height: 1px; margin: 20px auto;}




.logo {padding: 10px; text-align: center;}
.logo img {max-width: 80%; margin: 0 auto;}

.phone-email {background-color: #0770BE; padding: 10px 0;}
.phone {color: #FEF2CC; display: block; font-size: 24px;}
.email {color: #fff; font-size: 16px;}

.address {background-color: #FEF2CC; padding: 5px; color:#0770BE;  font-size: 18px;}

.nav {padding: 10px 0;}
.nav li {list-style: none; margin: 8px auto; display: block; width: 90%;}
.nav a {display: block; padding: 100%; background-color: #7AC1D9; color: #7E2529; font-size: 24px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.nav a:hover {background-color: #7AC1D9; color: #7E2529;}
.nav > li > a:focus, .nav > li > a:hover {background-color: #7AC1D9; color: #7E2529;}

.hours {background-color: #0770BE; color: #fff; font-family: arial, sans-serif; padding: 10px 20px;}
.hours h1 {color: #FEF2CC; margin: 0; font-family: 'albertus_extra_boldregular'; font-size: 20px;}
.hours ul {max-width: 330px; width: 100%; margin: 0 auto;}
.hours li {list-style: none; text-align: left;}
.hours span {float: right;}
.note {font-style: italic; font-size: 11px; margin-top: 12px;}

.sm {padding: 5px; margin-top: 10px;}
.sm li {list-style: none; display: inline; margin: 0 3px;}
.sm a {background-color: #7AC1D9; padding: 8px; height: 36px; width: 36px; display: inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.sm .fa {color: #fff; font-size: 20px; }
.fullsite {color: #000; text-decoration: underline !important; font-size: 12px; font-family: arial, sans-serif;}
.fullsite:hover {color: #000 !important;}


.page {font-size: 16px; font-family: arial, sans-serif; text-align: left; width: 90%; margin: 0 auto; padding: 0 0 20px 0;}
.page h1 {font-family: 'albertus_extra_boldregular'; font-size: 30px; color: #7E2529; margin-bottom: 0;}
.page h2 {font-family: 'albertus_extra_boldregular'; font-size: 24px; color: #7AC1D9;}
.page a {color: #0770BE; text-decoration: underline;}
.page img {max-width: 100%; margin: 10px auto 20px auto; display: block;}