/*
 *   Fonts
 */

@font-face {
    font-family: 'Avenir Medium';
    src: url('/fonts/Avenir Medium.eot');
    src: url('/fonts/Avenir Medium.svg#avenirmedium') format('svg'),
         url('/fonts/Avenir Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Avenir Medium.woff') format('woff'),
         url('/fonts/Avenir Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('/fonts/Avenir_Book.eot');
    src: url('/fonts/Avenir_Book.svg#avenirmedium') format('svg'),
         url('/fonts/Avenir_Book.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Avenir_Book.woff') format('woff'),
         url('/fonts/Avenir_Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Black';
    src: url('/fonts/Avenir Black.eot');
    src: url('/fonts/Avenir Black.svg#avenirmedium') format('svg'),
         url('/fonts/Avenir Black.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Avenir Black.woff') format('woff'),
         url('/fonts/Avenir Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */ 

/*
 *   Styles
 */
 
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 
html {min-height:100%; height:100%;}

body {min-height:100%; height:100%; font-family:'Avenir Medium', sans-serif; color:#004675;}

body,
textarea {font-family:'Avenir Book', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px;}

a:link,
a:visited {color:#163e72; text-decoration:underline;}
a:hover {text-decoration:none;}

a.button:link,
a.button:visited,
input[type="submit"],
input[type="button"],
button {padding:5px 10px; border:0; outline:none; border-radius:5px; background:#235988; font-size:14px; text-decoration:none; font-family:'Avenir Medium', sans-serif; color:#fff; cursor:pointer;}

a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {background:#163e72;}

a.button:link i,
a.button:visited i,
input[type="submit"] i,
input[type="button"] i,
button i {margin:0 5px 0 0;}

.main a.download:link,
.main a.download:visited {display:inline-block; padding:8px 20px; border:3px solid #235988; color:#235988; text-decoration:none;}
.main a.download:hover {background:#235988; color:#fff; text-decoration:none;}
.main a.download i {margin:0 10px 0 0;}

strong {font-weight:normal; font-family:'Avenir Black', sans-serif;}

em {font-style:italic;}

small,
.small {font-size:80%; text-transform:uppercase; color:#ccc;}

h1 {margin:0 0 20px 0; font-size:36px; line-height:1.4em; font-weight:300;}
h2 {margin:0 0 1em 0; font-size:24px; line-height:1.4em; font-family:'Avenir Black', sans-serif;}

p {margin:0 0 1em 0; float:left; width:100%;}
p:last-child {margin-bottom:0;}

ul {list-style:disc; margin:0 0 1em 20px; float:left;}
ul li {width:100%;}

hr {margin:5px 0 10px 0; padding:0; background:transparent; color:transparent; height:0px; border:0; border-bottom:1px solid #d9d9d9;}

.outer {float:left; width:100%; height:100%;}

.panel {float:left; width:100%;}
.panel .inner {width:960px; margin:0 auto;}

.body {position:relative; z-index:1; float:left; width:100%; min-height:100%; margin-bottom:-238px; padding-bottom:238px;}

.pull-left {float:left;}
.full-width {width:100%;}

.pageresponse {float:left; width:100%; margin:0 0 1em 0; padding:15px; background:#decb34; font-size:14px; line-height:1.4em;}
.pageresponse i {margin:0 8px 0 0;}

header {position:relative; z-index:3; padding:30px 0 25px;}
header .logo {float:left; margin:0 0 0 -21px;}

header .login {float:right; margin:20px 0 0 0; position:relative;}
header .login .link {font-size:21px; text-transform:uppercase; text-align:center;}
header .login .link a.thelink:link,
header .login .link a.thelink:visited {float:left; width:100%; text-decoration:none; font-family:'Avenir Black', sans-serif; font-style:italic;}
header .login .link .fa-caret-down {display:inline-block; color:#f8e231; font-size:38px;}

.login-wrap {position:relative;}

.login-box {position:absolute; top:100%; left:50%; width:200px; margin-left:-100px;}
.login-box .chevron {width:20px; height:15px; background:url('/images/login.png') center no-repeat; text-align:center; margin:0 auto -1px auto; position:relative; z-index:2;}
.login-box .box {float:left; background:#fff; box-shadow:0px 0px 8px 0px rgba(0,0,0,.4); border-radius:5px;}
.login-box .padding {padding:12px;}
.login-box input[type="text"],
.login-box input[type="password"] {width:100%; margin:0; padding:10px; border:1px solid #d7d7d7; font-size:10px;}
.login-box a:link,
.login-box a:visited {float:left; width:100%; padding:15px; background:#dfcb34; border-radius:0px 0px 5px 5px; text-decoration:none; text-align:left; font-size:12px; text-transform:none;}

.login-box button {width:100%; margin:15px 0 0 0; padding:10px; border:0; outline:none; border-radius:5px; background:#235988; font-family:'Avenir Medium', sans-serif; color:#fff; cursor:pointer;}

nav {background:#235988; color:#d3e6f6; font-size:16px; line-height:1em;}
nav ul {list-style:none; float:left; margin:0; width:100%;}
nav ul li {vertical-align:middle; float:left; position:relative; z-index:500; width:auto; text-align:left;}
nav ul li a:link,
nav ul li a:visited {float:left; margin:0 1px 0 0; padding:16px; color:#d3e6f6; text-decoration:none; text-transform:uppercase;}
nav ul li a:hover,
nav ul li.hover a:link,
nav ul li.hover a:visited {background:#163e72; color:#fff;}
nav ul li:first-child {border-left:0;}
nav ul li:first-child a:link,
nav ul li:first-child a:visited {}
nav ul li a:link div {display:inline;}
nav ul li a:link i,
nav ul li a:visited i {float:right; color:rgba(255,255,255,.5);}
nav ul li a.hover:link,
nav ul li a.hover:visited {color:#fff;}
nav ul li a:hover i {color:#fff;}
nav ul li.on a:link,
nav ul li.on a:visited {background:#004675; color:#fff;}
nav ul li i {vertical-align:bottom; font-size:14px; margin-right:8px;}

nav ul li.bars {float:right;}
nav ul li a.bars:link,
nav ul li a.bars:visited {padding:12px;}
nav ul li a.bars i {font-size:30px; color:#d3e6f6;}
nav ul li a.bars:hover {background:none;}
nav ul li a.bars:hover i {color:rgba(211, 230, 246, .85);}

nav ul ul {position:absolute; top:100%; left:0; min-width:240px; display:none; list-style:none; z-index:101;}
nav ul li.first ul {margin-left:0;}
nav ul li.selected ul {background:#fff; border-color:#e6e6e6;}
nav ul ul li {float:left; width:100%; height:auto; margin:0; border:0;}
nav ul ul li a:link,
nav ul ul li a:visited,
nav ul li.hover ul li a:link,
nav ul li.hover ul li a:visited {float:left; width:100%; margin:0px; padding:15px 24px; border:0; background:rgba(22,62,114,.85); font-size:15px; text-transform:none; color:#fff;}
nav ul ul li a:hover {}
nav ul li.on ul li a:hover,
nav ul li.hover ul li a:hover,
nav ul li ul li.hover a:link,
nav ul li ul li.hover a:visited {background:#004675;}
nav ul li ul li.hover a i {color:#fff;}
nav ul ul li i {vertical-align:0px; font-size:11px; text-align:center; margin-right:8px; color:#777;}

nav ul ul ul {left:100%; top:0;}

nav ul li.on ul ul li a:link,
nav ul li.on ul ul li a:visited,
nav ul li.hover ul ul li a:link,
nav ul li.hover ul ul li a:visited {background:#004675;}
nav ul li.on ul ul li a:hover,
nav ul li.hover ul ul li a:hover {background:#00395f;}

nav ul.normal {position:relative; z-index:101;}

nav .more {position:fixed; z-index:102; top:0; left:0; max-width:80%; height:100%; overflow-y:auto; overflow-x:hidden; margin:0 0 0 100%; box-shadow:0px 0px 5px 5px rgba(0,0,0,.1); background:#235988;}
/*
nav .more {transition:margin-left .5s; -webkit-transform:translateZ(0);}
*/
nav .more .close {position:absolute; z-index:103; right:0px; top:0px; padding:10px; font-size:24px; font-weight:700; line-height:1em; text-decoration:none; color:#fff;}
nav ul.show-mobile {display:none;}
nav .more ul {position:relative; z-index:101;}
nav .more ul li {width:100%; border-top:1px solid rgba(0,0,0,.1);}
nav .more ul li a:link,
nav .more ul li a:visited {width:100%; padding:20px; border:0; font-weight:700; color:#fff; background:#235988;}
nav .more ul li a:hover {background:#163e72;}
nav .more ul ul {position:relative; top:0; left:0; box-shadow:none; display:block; }
nav .more ul ul.first {}
nav .more ul ul.first li {border-top:0;}
nav .more ul ul.first li a:link,
nav .more ul ul.first li a:visited {padding-left:40px; font-weight:normal; color:#fff;}
nav .more ul ul.first li a:hover {}
nav .more ul ul.second {border-top:0;}
nav .more ul ul.second li a:link,
nav .more ul ul.second li a:visited {padding-left:60px; font-weight:normal; color:#fff;}
nav .more ul ul.second li a:hover {}
nav .more ul li.on a:link,
nav .more ul li.on a:visited {border:0;}

#response {float:left; width:100%; height:46px; margin:-10px 0 15px 0;}
#response .inner {width:950px; margin:0 auto; padding:5px 20px; border:1px solid #efed98; border-radius:3px; color:#7d7f56; background-image:url('images/highlight.gif');}
#response img {}
#response cite {color:#666;}
#response p {padding:0 0 0 20px; float:none; line-height:36px; font-size:14px; font-weight:bold; margin:0;}

.hero {position:relative; z-index:2; height:535px;}
.hero-image {height:100%;}

.hero .treatment {position:absolute; z-index:101; left:0; top:0; width:100%; height:100%; background:url('/images/hero-treatment.png') center bottom no-repeat; background-size:cover;}

.hero .prev,
.hero .next {position:absolute; z-index:3; left:50%; top:0; width:28px; height:100%; margin-left:-475px; background:url('/images/hero-arrows.png') left center no-repeat;}
.hero .next {left:auto; right:50%; margin-left:0; margin-right:-475px; background-position:right center;}

.hero-sub {height:275px;}

.newsletter {text-align:center; position:relative; z-index:3; padding:40px 0; background:#004675; color:#fff; font-size:26px; line-height:38px;}
.newsletter p {margin:0 0 20px 0;}
.newsletter input {padding:12px; background:#fff; border:0; outline:none; border-radius:5px; font-size:18px; line-height:1em;}
.newsletter input ::placeholder {color:#c2c2c2;}
.newsletter button {margin:0 0 0 15px; padding:12px; background:#85c4fa; border:0; border-radius:5px; color:#004675; font-size:18px; line-height:1em; font-weight:700; text-transform:uppercase; cursor:pointer;}

.clouds {position:absolute; top:0; left:50%; margin:-75px 0 0 96px; width:429px; height:235px; background:url('/images/clouds.png');}
.clouds div {margin:60px 0 0 60px; width:145px; color:#009ec0; font-size:16px; line-height:19px;}

.values {padding:100px 0 40px 0; border-bottom:20px solid #004675; background:#235988; color:#fff; font-size:27px; line-height:38px;}
.values .dots {float:left; width:100%; margin:30px 0 0 0; font-size:32px; text-align:center;}
.values .dots i {margin:0 0 0 40px; color:#004675;}
.values .dots i.on {color:#f8e231;}
.values .dots i:hover {color:#00395f;}
.values .dots i:first-child {margin:0;}

.values .text {position:relative; float:left; width:100%;}
.values .text .item {position:absolute; left:0; top:0;}

/* Temp */
.values {padding:100px 0}
.values .text .item {position:relative;}
/* end Temp */

.news {padding:50px 0;}
.news .item {float:left; width:275px; margin:0 45px 0 0; padding:30px 36px; background:#fff; border-radius:3px; font-size:18px; line-height:29px;}
.news .item .image {position:relative; width:203px; height:203px; margin:0 0 50px 0; background:center no-repeat; background-size:cover; border-radius:50%;}
.news .item .image .overlay {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url('/images/news.png') center no-repeat;}
.news .item img {position:relative; z-index:1; width:100%; height:auto; margin:0 0 24px 0;}
.news .item h2 {margin:0 0 5px 0; font-size:27px; line-height:38px; font-style:italic;}
.news .item .date {margin:0 0 10px 0;}
.news .item .snip {}
.news .item .snip a:link,
.news .item .snip a:visited {display:inline-block; text-decoration:none; line-height:1em;}
.news .item .snip a:hover {text-decoration:underline;}
.news .item .snip a i {float:left; width:100%; margin:0 0 5px 0; text-align:center; font-size:26px; color:#f8e231;}
.news .item .snip a span {float:left; clear:left;}
.news .item .snip a:hover span {text-decoration:underline;}

.news .item {text-align:center;}
.news .item .image.fa {font-size:150px; line-height:218px; text-align:center; color:#decb34; background:#004675;}

.main  {position:relative; padding:85px 0; font-size:24px; line-height:34px; color:#004675;}
.main h1 {float:left; margin:0 0 40px 0; font-size:68px; line-height:1em; font-family:'Avenir Black', sans-serif; color:#004675; font-style:italic;}
.main h2 {float:left; clear:left;}
.main h3 {float:left; clear:left; margin:0 0 18px 0; font-size:32px; line-height:1.2em; font-family:'Avenir Black', sans-serif; color:#235988;}
.main h4 {float:left; clear:left; margin:0 0 1em 0; font-family:'Avenir Black', sans-serif;}
.main p {}
.main ul {clear:left;}
.main a:link,
.main a:visited {color:#235988;}
.main a:hover {text-decoration:none;}

.main table {float:left; clear:left; margin:0 0 1em 0;}
.main table th {padding:18px; background:#efefef; font-family:'Avenir Black', sans-serif; vertical-align:top;}
.main table td {padding:18px; background:#efefef; vertical-align:top;}

.main table.form {float:left; clear:left; margin:0 0 1em 0;}
.main table.form th {padding:10px 20px; border:0; font-family:'Avenir Black', sans-serif;}
.main table.form td {padding:10px 20px; border:0; font-size:14px;}

.main input[type="text"],
.main input[type="password"],
.main textarea,
.main select {padding:8px; border:1px solid #d7d7d7; border-radius:3px; background:#fff;}
.main textarea {width:400px; height:100px;}
.main input[type="checkbox"],
.main input[type="radio"],
.main label input[type="checkbox"],
.main label input[type="radio"] {margin:0 5px 0 0;}

.main .formlabel {font-family:'Avenir Black', sans-serif;}

.main input[type="submit"],
.main button {padding:10px 20px; border:0; border-radius:3px; outline:none; background:#235988; color:#fff; font-family:'Avenir Medium', sans-serif; font-size:12px; cursor:pointer;}

.main .left {position:relative; z-index:2; float:right; width:220px; padding:85px 0 0 0;}

ul.subnav {margin:0 0 100px 0; list-style:none; font-size:18px;}
ul.subnav li {float:left; padding:0; width:100%;}
ul.subnav li a:link,
ul.subnav li a:visited {float:left; padding:8px 16px 8px 0; text-decoration:none; color:#fff;}
ul.subnav li a:hover {text-decoration:underline;}
ul.subnav li:last-child a {}
ul.subnav li.suboff a:link, 
ul.subnav li.suboff a:visited,
ul.subnav li.subon a:link,
ul.subnav li.subon a:visited {padding:8px 8px 8px 24px; font-size:14px;}
ul.subnav li.second a:link,
ul.subnav li.second a:visited {padding:8px 8px 8px 30px; font-size:14px;}
ul.subnav li.on a:link,
ul.subnav li.on a:visited,
ul.subnav li.subon a {font-family:'Avenir Black', sans-serif;}
ul.subnav li.subtitle a:link, 
ul.subnav li.subtitle a:visited {font-weight:700;}
ul.subnav li.title {list-style:none;}
ul.subnav li.title a:link,
ul.subnav li.title a:visited {font-size:30px; font-family:'Avenir Black'; text-decoration:none; border:none;}
ul.subnav li.title a:hover {}

footer {position:relative; z-index:2; padding:40px 0; background:#5c6772; color:#fff; font-size:14px; line-height:24px;}
footer .inner {width:860px; margin:0 auto;}

footer .left {float:left; width:35%;}
footer .middle {float:left; width:30%; text-align:center;}
footer .right {float:right; text-align:right;}

footer p {margin:0 0 1em 0;}
footer a:link,
footer a:visited {color:#fff; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .pipe {margin:0 15px; color:rgba(255,255,255,.25); vertical-align:1px;}

.credit {position:relative; z-index:2; padding:20px 0; background:#4b535b; color:#c2c4c7; font-size:12px; text-align:right;}
.credit a:link,
.credit a:visited img {margin:0 0 0 10px;}
.credit a img {vertical-align:-10px;}

.quicklinks {position:relative; z-index:3; padding:130px 0; background:#f1f1f1;}
.quicklinks .leaves {float:right; width:545px; height:119px; margin:-184px 0 0 0; background:url('/images/page-leaves.png') center no-repeat;}

.quicklinks a.link:link,
.quicklinks a.link:visited {float:left; width:192px; height:192px; margin:0 0 0 60px; background-color:#ccc; border-radius:96px; font-family:'Avenir Black', sans-serif; font-size:24px; color:#fff; text-decoration:none;}
.quicklinks a.link:hover {padding-top:10px; background:#d8d8d8; color:#939290;}
.quicklinks a.link:first-child {margin-left:0;}
.quicklinks a.link .middle {width:192px; height:192px; display:table-cell; vertical-align:middle; padding:0 20px; text-align:center;}
.quicklinks a.link .more {display:none; margin:15px 0 0 0; padding:8px 12px; border-radius:3px; border-bottom:2px solid #767676; background:#939290; color:#fff; font-size:14px; line-height:1em;}
.quicklinks a.link:hover .more {display:inline-block;}

.quicklinks a.link-termdates {background:url('/images/quicklink-termdates.png') center no-repeat;}
.quicklinks a.link-events {background:url('/images/quicklink-events.png') center no-repeat;}
.quicklinks a.link-newsletter {background:url('/images/quicklink-newsletter.png') center no-repeat;}
.quicklinks a.link-howtoenrol {background:url('/images/quicklink-howtoenrol.png') center no-repeat;}

.home-page .quicklinks {background:#fff;}
.home-page .quicklinks .leaves {float:left; width:543px; height:125px; margin-left:-170px; background-image:url('/images/home-leaves.png');}

.sitemap {float:left; clear:left;}
.sitemap a:link,
.sitemap a:visited {float:left; clear:left; width:auto; min-width:150px; background:url('/images/page-tree.gif') 0px 8px repeat-y; line-height:1.4em;}
.sitemap a span {display:block; float:left; padding:0 5px; width:100%; height:100%; line-height:2em; background:#fff;}
.sitemap a.root {font-family:'Avenir Black', sans-serif;}
.sitemap a:hover span {text-decoration:underline;}

.search-results .search-result {float:left; clear:left; width:100%; margin:0 0 5px 0; padding:15px; background:#f1f1f1;}
.search-results a:link,
.search-results a:visited {text-decoration:none;}
.main .middle .search-results a:hover {text-decoration:underline;}
.search-results .highlight {padding:0 3px; background:#5ac3d6; color:#fff;}

.news-list {float:left; width:100%; margin:0 0 40px 0; padding:20px; border-radius:3px;}
.news-list img {float:left; width:100px; height:auto; margin:0 20px 0 0;}
.news-list .text {float:left; width:500px;}
.main .news-list h2 {margin:0 0 15px 0; color:#00498a; font-size:38px; line-height:41px;}
.news-list .date {clear:left; margin:0 0 15px 0; color:#939290;}
.news-list .snip {font-family:'Avenir Medium', sans-serif; color:#163e72;}
.main .news-list h2 a:link,
.main .news-list h2 a:visited {text-decoration:none; color:#00498a;}

.crumbs i {margin:0 15px; color:#939393;}
.crumbs a:link,
.crumbs a:visited {text-decoration:none; font-weight:700;}
.crumbs a:hover {text-decoration:underline;}

table.file-list {width:100%;}
table.file-list tr th {padding:10px; color:#939393; border-bottom:1px solid #939393;}
table.file-list tr td {padding:10px;}

.map {height:500px;}

.show-mobile {display:none;}
.hide-mobile {}

@media all and (max-width:1020px){

  .panel .inner {width:100%;}

  .left-bg {display:none;}
  .middle-bg {display:none;}
  
  header {padding:30px 0;}
  header .inner {padding:0 30px;}
  header .logo {margin:0 0 0 20px;}
  header .phone {margin:0 20px 0 0;}
  
  nav {float:none; display:inline-block; text-align:center;}
  nav .inner {padding:0;}
  
  nav ul {float:none; width:100%; text-align:left;}
  nav ul.more,
  nav ul ul {padding:0;}
  
  nav ul li {float:none; display:inline-block;}
    
  .main .inner {padding:0 30px;}
    
  .main .left {float:right; width:100%; padding:30px; background:#009ec0;}
  .main .middle {float:right; width:100%; min-height:1px; margin:0; padding:30px;}

  ul.subnav {margin:0 0 20px 0; min-height:1px;}
  
  footer {padding:30px;}
  
  .quicklinks {padding:90px 30px 30px 30px; text-align:center;}
  .quicklinks .leaves {margin-top:-144px;}
  .quicklinks .links {display:inline-block; width:449px;}
  .quicklinks a.link:link,
  .quicklinks a.link:visited {float:none; margin-bottom:60px; display:inline-block;}
  .quicklinks a.link:nth-child(2n-1) {margin-left:0;}
  
  .newsletter .inner {padding:0 30px;}
  
  .welcome {padding:60px 30px;}
  .welcome br {display:none;}
  
  .values {padding:60px 30px;}
  .values h2 {float:none; margin:0 0 60px 0;}
  .values h2 br {display:none;}
  .values .value {}
  .values .value-respect {margin-left:0;}
  
  .events {padding:30px; text-align:center;}
  .events .event {float:none; display:inline-block; margin:30px 0 0 0;}
  .events .event:first-child {margin-top:0;}
  
  .news {padding:30px; text-align:center;}
  .news .item {float:none; display:inline-block; margin:0 15px;}

}

@media all and (max-width:768px){

  .show-mobile {display:inline-block;}
  .hide-mobile {display:none;}
  
  header {padding:30px 0; background:none;}
  header .logo {float:none; width:auto; margin:0; display:inline-block;}
  header img {margin:0;}
  header .birthyear7 {float:none; display:inline-block; margin:20px 0 0 0; width:100%; text-align:center; color:#ccc;}
  
  .search {display:none;}
  
  nav ul.show-mobile {display:inline-block;}
  
  .main {padding:30px 0;}
  
  .body {overflow-x:hidden; min-height:1px; margin-bottom:0; padding-bottom:0;}
  
  .hero {max-height:300px;}
  
  .newsletter {text-align:center;}
  .newsletter button {margin-top:15px;}
  
  .quicklinks .divider {display:none;}
  .quicklinks .section {width:50%; margin:0 0 20px 0;}
  
  footer {height:auto; min-height:81px;}
  footer .left,
  footer .middle,
  footer .right {display:inline-block; float:none; width:100%; text-align:center;}
  footer .right {margin-top:30px;}
  footer .middle {margin:30px 0 0 0;}
  
  .credit .inner {padding:0 30px; text-align:center;}
  
  
  .values {text-align:center;}
  .values h2 {float:none; margin:0 0 30px 0;}
  .values h2 br {display:none;}
  .values .value {float:none; clear:left; margin:30px 0 0 0;}

}

@media all and (max-width:630px){
  
  .hero {max-height:200px;}
  
}

@media all and (max-width:568px){

  .promos .center {width:211px;}
  
}

@media all and (max-width:509px){
  
  .quicklinks .links {width:192px;}
  .quicklinks .links a:visited,
  .quicklinks .links a:link {margin-left:0;}
  
}

@media all and (max-width:455px){
  
  .events {padding:30px 0 0 0;}
  .events .event {margin:0 0 30px 0; width:100%;}
  
}

@media all and (max-width:560px){
  
  header .logo {display:inline-block; text-align:center;}
  header .phone {float:none; display:inline-block; width:100%; margin:20px 0 0 0; text-align:center;}
  
  header h1 {font-size:36px;}
  
  .promos {width:100%; text-align:center;}
  .promos a:link,
  .promos a:visited {margin:30px 0 0 0;}
  .promos a:first-child {margin:0;}
  
  .our-team img {width:100% !important; height:auto !important; margin:0 0 20px 0;}

}