@media only screen and (max-width:1099px) {
.layout { width:100%; }
}

@media only screen and (max-width:999px) {
#masthead { margin-top:44px; }
#site-logo { margin-left:10px; max-width:20%; }
#masthead #site-title { line-height:1 !important; }
#navbar { position:fixed; left:0px; right:0px; top:0px; }
#navbar > a { position:absolute; display:block; z-index:2; left:0px; top:0px; width:44px; height:34px; padding:5px 0px; text-align:center; font-family:FontAwesome; font-size:30px; text-decoration:none; color:#ffffff; border-right:1px rgba(0,0,0,0.25) solid; }
#navbar > .layout { position:static; }
#navbar * { background-color:inherit; }
#navbar > .layout, #navbar > a { background:inherit; box-shadow:0px -2px 0px -1px rgba(0,0,0,0.25) inset; }
#navbar > a * { background:unset; }
#navbar ul ul { background:transparent; display:none !important; }
#navbar ul a { text-align:left !important; }
#navbar > .layout > ul.nav { display:block; list-style-type:none; position:absolute; left:0px; top:100%; padding:0px; margin:0px 0px 0px -1px; max-height:0px; overflow:hidden; transition:max-height 0.2s overflow 0s; z-index:2; }
#navbar > .layout > ul.nav li { display:block; padding:0px; margin:0px; }
#navbar > .layout > ul.nav > li > a { padding:5px 25px; }
#navbar.expanded > a { background-image:unset; box-shadow:unset; z-index:1; }
#navbar.expanded > .layout > ul.nav { max-height:10000px; transition:max-height 0.2s, overflow 0s 0.2s; }
#navbar.expanded > .layout li.activeItem > ul { position:static !important; max-height:unset; }
#navbar.expanded > a::after { position:fixed; left:0px; right:0px; top:0px; bottom:0px; content:' '; display:block; cursor:default; }
#main > .layout > .column-set > div.column.center { min-width:350px; }
.school-info > * { width:30%; }
ul.sponsors > li, ul.staff-members > li { margin-left:10px; margin-right:10px; }
#sponsors-slideshow2-arrows { display:none; }
}

@media only screen and (max-width:899px) {
.mobile-only { display:block !important; }
#main > .layout, #main > .layout > .column-set, #main > .layout > .column-set > div { display:block; position:static; }
#main > .layout > .column-set > div.column.left, #main > .layout > .column-set > div.column.right { float:left; clear:left; }
#main > .layout > .column-set > div.column.center { min-width:unset; position:relative; z-index:1; display:block; padding:1px 0px; margin:0 25px 25px; }
#main > .layout > .column-set > div.column.left { display:block; position:relative; width:100%; height:auto; z-index:2; }
#main > .layout > .column-set > div.column.right { display:block; position:static; width:100%; background:#989898; text-align:center; }
#main > .layout > .column-set > div.column.right .pod { margin-left:auto; margin-right:auto; }
#main > .layout > .column-set > div.column.left .pod { position:relative; background:#989898; display:none; }
#main > .layout > .column-set > div.column.left .pod.subnav { display:block; }
div.pod.sponsors .ez-carousel { margin:10px auto; }
div.column.right .pod.subnav { border-bottom:10px rgba(0,0,0,0.75) solid; }
div.column.right * { color:#ffffff !important; }
div.pod.news ul.ez-scroller { border-width:1px 0px; border-style:solid; border-color:#ffffff; text-align:left; }
div.pod.documents ul li { text-align:left; }
ul.schedules li { width:98%; display:block; margin:10px auto; }
ul.schedules li td { padding:2px; }
ul.schools { text-align:center; }
ul.schools > li { width: 35%; }
/*
#main > .layout > .column-set > div.column .pod > * { background:#989898; border-left:1px rgba(0,0,0,0.5) solid; }
#main > .layout > .column-set > div.column .pod > h2 { background:#000000 !important; height:44px; box-sizing:border-box; border-left:none; }
#main > .layout > .column-set > div.column.left .pod:hover { left:100%; z-index:3; }
#main > .layout > .column-set > div.column.right .pod:hover { right:100%; z-index:3; }
#main > .layout > .column-set > div.column .pod.subnav { height:unset; }
*/
#main > .layout > .column-set > div.column .pod::after { position:absolute; display:block; top:0px; background:#000000; color:#ffffff; font-family:FontAwesome; text-align:center; height:44px; width:44px; font-size:22px; line-height:2; }
/*
#main > .layout > .column-set > div.column.left .pod::after { left:100%; border-radius:0% 50% 50% 0%;  }
#main > .layout > .column-set > div.column.right .pod::after { right:100%; border-radius:50% 0% 0% 50%; }
#main > .layout > .column-set > div.column .pod.highlights::after { content:'\f005'; }
#main > .layout > .column-set > div.column .pod.news::after { content:'\f1ea'; }
#main > .layout > .column-set > div.column .pod.sponsors::after { content:'\f155'; }
#main > .layout > .column-set > div.column .pod.social-media::after { content:'\f0ac'; }
#main > .layout > .column-set > div.column .pod.twitter::after { content:'\f099;'; }
#main > .layout > .column-set > div.column .pod.documents::after { content:'\f07b'; }
#main > .layout > .column-set > div.column .pod.news ul.ez-scroller,
#main > .layout > .column-set > div.column .pod.sponsors ul.ez-carousel { height:auto; position:static; margin:0px; width:100%; }
#main > .layout > .column-set > div.column .pod.news ul.ez-scroller > li,
#main > .layout > .column-set > div.column .pod.sponsors ul.ez-carousel > li,
div.pod.sponsors .ez-carousel li a, div.pod.sponsors .ez-carousel li a img  { position:static; width:100%; height:auto; }
div.pod.sponsors .ez-carousel > a { display:none !important; }
*/
.column.center .content img { max-width:100%; height:auto !important; }
}

@media only screen and (max-width:899px) {
#masthead { height:auto; line-height:100px; margin-top:44px; padding:0px; }
#masthead .layout { padding:5px; text-align:center; }
#masthead .layout::before { position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:0; display:block; content:' '; background:rgba(0,0,0,0.5); }
#site-logo { position:relative; display:inline-block; vertical-align:middle; float:none; margin:0px 5px; max-width:20%; height:auto !important; }
#site-title { position:relative; display:inline-block; vertical-align:middle; float:none; text-align:left; font-size:25px !important; line-height:1 !important; font-family:Rockwell, Tahoma, Serif; font-weight:bold; color:#ffffff; max-width:50%; margin:0px !important; }
#footer, #footer > address { height:auto; line-height:1; }
#footer > address  { padding:10px; }
}

@media only screen and (max-width:768px) {
.school-info > * { text-align : center; display:block; width:100%; margin:20px 0px; }
ul.sponsors > li, ul.staff-members > li { width:40%; }
}

@media only screen and (max-width:640px) {
ul.seasons > li, ul.seasons h2 { display:block; width:100%; text-align:center; }
}

@media only screen and (max-width:480px) {
#site-title { font-size:20px; }
ul.schools > li { width:75%; margin:0px; }
table.school-sports td, table.school-sports th { font-size:12px; padding:0.25em; line-height:1; }
ul.sponsors > li, ul.staff-members > li { width:80%; }
table.school-sports td.pct, table.school-sports th.pct { font-size:0; padding:0; }
}

@media only screen and (max-width:360px) {
#site-logo { max-width:30%; }
#site-title { max-width:40%; font-size:15px; }
}