@import url(http://educationalnetworks.net/shared/mobile/themes/flat/black.css);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif|Puritan);

:root {
    --clr-primary-old: #00274c;
    --clr-secondary-old: #ffcb02;
    --clr-primary: #008AC6;
    --clr-primary-dark: #0d57aa;
    --clr-secondary: #5C5E64;
    --clr-nav-hover-text: #fff;
}

body {background: url('/pics/body_bg.jpg') repeat;}

#school span{ display:none !important;}
#school{ background:#fff !important;}
#school img {
    display: block !important;
    top: 0px;
    left: 0px;
    background: url('/pics/ROOSESTAYHS_MOBILE.gif') no-repeat;
    margin: 0;
    box-shadow: none;
    height: 80px;
    width: 250px;
    object-fit: contain;
}

html body header#header a#school {
    background: var(--clr-primary) !important;
    text-shadow: -1px -1px 0 #06012D, 1px -1px 0 #06012D, -1px 1px 0 #06012D, 1px 1px 0 #06012D;
    background-position-x: -30px;
    border-top: 2px solid var(--clr-secondary);
}

html body header#header a#school.logo img {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    height: 80px !important;
    left: 0px;
    padding: 0 !important;
    top: 0px;
}

@media only screen and (max-width: 768px){
	.content .img .img img {
		width: 100% !important;
	}
}