/* max-width is applied when media queries aren't supported */
.container { max-width:1000px; min-width:800px; margin:0 auto }

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
}

/* SMARTPHONES - LANDSCAPE */
@media 
only screen and (min-width: 321px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - PORTRAIT & LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}


/* DESKTOPS & LAPTOPS */
@media 
only screen and (min-width: 1024px) {
	
	.container						{ max-width: 1000px; }
	
	/* INSERT YOUR STYLES */
#school-logos .container { max-width:700px }
	
}

@media 
only screen and (min-width: 1224px) {
	
	.container						{ max-width: 1200px; font-size:12px }
	
	/* INSERT YOUR STYLES */
	
}

/* LARGE SCREENS */
@media 
only screen and (min-width : 1824px) {
	
.container	 { max-width: 1400px; }
	
/* INSERT YOUR STYLES */
#school-logos .container { max-width:1400px }
	
}

/* RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
	/* INSERT YOUR STYLES */
	
}	

/* PrestoSports Logo Styling */

#footer-logos .logo2 img {
    max-width: 200px;
    margin: 20px;
}