@media only screen and (max-width: 1200px) {
#employees {text-align: center;}
.wrapper {width: 100%}
.inside #secondary ul li {padding: 0px 5px;}
#footer .connect,
#footer .connect .icons {width: 300px;}
}
@media only screen and (max-width: 1158px) {
#header a {font-size: 20px;}
.inside #secondary ul li a {font-size: 12px;}
}
@media only screen and (max-width: 1080px) {
.inside #secondary ul li {padding: 0px 3px; border-right: 0;}
.inside #secondary ul li a {font-size: 11px;}
#footer .connect,
#footer .connect .icons {width: 200px;}
}
@media only screen and (max-width: 1000px) {
#header {display: none;}
#secondary {display: none;}
#news, #events, #employment, #visit, #tribal {display: none;}
#footer {padding: 20px 0px;}
#footer .wrapper {width: 90%; padding: 0px 5%;}
#footer .hut {display: none;}
#footer .primary {width: 100%; padding: 0;}
#footer .secondary {width: 100%;} 
#footer .connect {width: 100%; text-align: left; margin: 20px 0px;}
#footer .connect .icons {width: 100%; text-align: left;}
#footer .kk {width: 100%; margin: 0;}
img#main {max-width: 100%;}
img#inside-pic {max-width: 100%; padding-bottom: 20px; background: #FFF;}
#mobile-menu {display: block; float: right; cursor: pointer;}
#menu {text-align: center; font-size: 22px; font-weight: bold; width: 100%; margin-top: 71px; padding: 20px 0px;}
#menu ul.navigation li {padding: 5px 0px;}
#menu ul.navigation li a {color: #FFF; font-family: "myriad-std-tilt", arial;}
#accordion {display: block; float: left; width: 100%; background: #FFF; padding: 10px 0px;}
#inside {width: 90%; padding: 20px 5%;} 
#left-column {width: 100%;}
#right-column {display: none;}
.item {margin-bottom: 10px;}
}
@media only screen and (max-width: 720px) {
img#inside-pic {padding-bottom: 60px;}
}
@media only screen and (max-width: 480px) {
img#logo {width: 150px; height: 152px; padding-left: 10px;}    
img#inside-pic {padding-bottom: 20px;}
}
@media only screen and (max-width: 380px) {
img#logo {width: 95px; height: 96px;}    
}