﻿@media screen and (max-width: 1600px) {
    header nav ul li a                          {border:solid #cadb2a 1px;margin:0 2px;padding:8px 15px 12px 15px;}
    }
@media screen and (max-width: 1100px) {
    header nav ul li a                          {border:none;margin:0 2px;padding:8px 5px 12px 5px;}
    }
@media screen and (max-width: 1000px) {
.pageGallery                                                    {max-width:44%;}
}
@media screen and (max-width: 900px) {
    header nav ul li a                          {border:none;margin:0 0px;padding:8px 10px 12px 10px;}
    header nav                                  {float:none;margin:0 auto;text-align:center;width:100%;}
    header .logo                                {display:inline-block;margin-top:30px;padding:5px 10px;}
    header nav ul.mobileNav                     {width: 100%;}
    header nav ul.mobileNav li                  {width: 100%;height: 11vh;}

    section figure, footer section figure       {max-width:90%;margin:0 auto;width:100%;}
    }
@media screen and (max-width: 680px) {
    .socialMedia                                {display:none;}
    .button                                     {max-width:98%;width:100%;text-align:center;padding:10px 0 12px 0}
/* NAVIGATION CHANGES*/
    header                                      {height:77px;}
    header .mobileNav                           {margin-top:0;}
    header nav ul.mainNav                       {display:none;}
    header nav .menuOpen                        {display:block;}
    section#home .homeHeaders h1                {font-size:16pt;text-align:center;}
    section#home .homeHeaders h2                {font-size:12pt;text-align:center;}
    .video video                                {}
    .pageGallery                                {max-width:94%;margin:15px 0;}
    .pageGallery .button                        {margin: 10px auto;}
    .websiteSliderWrapper                       {padding-top:40px;}

/* FOOTER CONTACT CHANGES*/
    .contactMap                                 {width:90%;float:none;margin:0 auto;}
    .contactForm                                {float:none;display:inline-block;width:90vw;overflow:hidden;}
    .footerMap                                  {width:100%;}
    footer .mapImage                            {float:none;width:100%;}
    footer .bioInfo                             {float:none;width:100%;text-align:center;}
    footer .footerColumn                        {width:49%;}
}
