@media(max-width: 1000px){
#MainContent{width:98%;margin:0 1%;}
}


@media(max-width: 960px){
#MainNav{position:relative;float:left;width:100%;border-top:solid 2px #3d3d3d;margin:0;}
#MainLogo h1{font-size:16px;}
.CarouselQuote{font-size:28px;}
}

@media(max-width: 960px){
.Quarter{width:31.333%;}
}

@media(max-width: 640px){
#MainNav{display:none;}
#ResponsiveNav{display:block;position:relative;float:left;width:100%;}
#MainLogo img{width:100%;max-width:300px;}
.GridCell{width:30%;margin:1%;}
.TwoThirds{width:98%}
.Third{width:48%}
.Quarter{width:48%;}
.Divider_Third_2{display: block;}
#FooterNav{position:relative;float:left;width:90%;padding:0 5%;text-align:center;}
#FooterNav ul{display:inline-block;text-align:left;margin:0 auto;}
#FooterContact{position:relative;float:left;width:90%;padding:5% 5% 0% 5%;text-align:center;}
#FooterLinks{width:100%;}
}

@media(max-width:580px){
.Half{width:98%;padding:0 1%;}
.Third{width: 98%; padding: 0 1%;}
}

@media(max-width: 480px){
.Third{width:98%;padding:0 1%;}
.Portfolio img{width:90%;max-width:290px;padding:0;margin:2%;background:#fff;outline:solid 1px #ccc;}
#Carousel{display:none;}
.GridCell{width:47%;margin:1%;}
#BurgerNav{display:block;}
#MainContent{padding:30px 0 0 0;}
#ResponsiveNav{display:none;position:fixed;top:40px;left:0;z-index:900;border-bottom:solid 1px #000;}
#ResponsiveNav a{width:100%;padding:5px 0;border-top:solid 1px #000;font-size:20px;}
#MainLogo{position:fixed;background:#000;width:100%;}
#FooterLinks ul{width:48%;}
#ResponsiveNav.facebookButton{background:#4867aa;padding:4px 16px;border:solid 1px #777;font-size:20px;font-weight:bold;}
}

@media(max-width:380px){
#MainLogo{text-align:left;}
.GridCell{width:98%;margin:1%;}
.Quarter{width:98%;margin:0 1%;}
#FooterLinks ul{width:98%;text-align:center;}
}













