@media only screen and (max-width: 1050px) {
	.page {width: 96%; margin: 0 auto;}
}

@media only screen and (max-width: 1060px) {

	nav a, nav a:visited {padding: 20px 2.5% 0 2.5%;}
	nav a:hover {padding: 7px 3%;}
}


@media only screen and (max-width: 1030px) {

	#slideshow, #slides {width: 100%; height: 333px;}
	#slides li, #slides li img {width: 100%; height: auto;}
}

@media only screen and (max-width: 970px) {
	nav a, nav a:visited {padding: 20px 2.5% 0 2.5%;}
	nav a:hover {padding: 7px 2.5%;}
}


@media only screen and (max-width: 950px) {
	section aside {display: none;}
	footer aside {display: block; width: 90%; padding: 20px 5%;background-color: white; -webkit-border-radius: 12px; border-radius: 12px; clear: both; float: none; color: #1f1f23; font-size: 14px; margin-bottom: 10px;}
	footer aside h2 {margin: 0 0 10px 0;}
	div.T {width: 48%; margin: 0 1%; position: relative; float: left;}
	article {width: 94%;  padding: 20px 3%; position: relative; float: left;}
}



@media only screen and (max-width: 985px) {
	#slideshow, #slides {height: 300px; }
}

@media only screen and (max-width: 880px) {
	#slideshow, #slides {height: 270px; }
	nav a, nav a:visited {padding: 20px 2% 0 2%;}
	nav a:hover {padding: 7px 2%;}
}

@media only screen and (max-width: 820px) {
	nav a, nav a:visited {padding: 20px 1.5% 0 1.5%;}
	nav a:hover {padding: 7px 1.5%;}
}


@media only screen and (max-width: 770px) {
	#slideshow, #slides {height: 230px; }
}

@media only screen and (max-width: 760px) {
	nav a, nav a:visited {padding: 20px 1% 0 1%;}
	.box {width: 48%;  margin: 0 1% 10px 1%; }
	nav a:hover {padding: 7px 1%;}
	.hours1 {margin: 0 2% 10px 2%; width: 46%;}
	.hours2 {margin: 0 2% 10px 2%; width: 96%;}

}

@media only screen and (max-width: 710px) {
	nav {height: 260px;}
	nav a, nav a:visited, nav a:hover  {width: 85%; padding: 10px 0 10px 15%;color: #28A9F5; text-align: left; border-bottom: solid 1px #ca9802; height: 20px}
	nav a:first-child { border-top: solid 1px #28A9F5;}
	nav a.home, nav a.home:hover {background: url(../images/icon_razor.png) no-repeat left center;}
	nav a.about, nav a.about:hover {background: url(../images/icon_rope.png) no-repeat left center;}
	nav a.pandora, nav a.pandora:hover {background: url(../images/icon_poison.png) no-repeat left center;}
	nav a.sponsors, nav a.sponsors:hover {background: url(../images/icon_gun.png) no-repeat left center;}
	nav a.child, nav a.child:hover {background: url(../images/icon_pills.png) no-repeat left center;}
	nav a.credit, nav a.credit:hover {background: url(../images/icon_zap.png) no-repeat left center;}
	nav a.tour, nav a.tour:hover {background: url(../images/icon_drowning.png) no-repeat left center;}
	article.sponsorpage {text-align: center;}
	.logo {margin: 10px auto 0 auto; float: none; height: auto;}
}


@media only screen and (max-width: 630px) {
	#slideshow, #slides {height: 190px; }
	.book img {width: 40%;}
	.pandora_title, .pandora_title img {width: 100%;}
}


@media only screen and (max-width: 545px) {
	.hours1 {margin: 10px 2%; position: relative; float: left; width: 46%}
	.hours2 {margin: 0 2% 10px 2%; position: relative; float: left; width: 96%}
	.twocol {width: 96%; padding: 10px 2%; }
}


@media only screen and (max-width: 520px) {
	header .socmed {display: none;}
	article .socmed  {display: block; width: 180px;margin: 10px auto; float: none;}
}


@media only screen and (max-width: 500px) {
	#slideshow {display: none;}
	.box {width: 100%;  margin: 0 0 10px 0; height: auto;}
	header {height: 200px;}
	.deadlinkmodal{ font-size: 18px; width: calc(100% - 80px);  padding: 20px;  top: 40px; left: 20px;}
}

@media only screen and (max-width: 450px) {
	nav a, nav a:visited, nav a:hover  {width: 75%; padding: 10px 0 10px 25%;}
	header h1 {font-size: 50px; top: 20px; left: 40px;}
	.the {top: 73px; left: 12px;}
	.welcome {top: 20px; left: 20px;}
	article.transcriptpage figure {display: none;}
	article.aboutpage img, article.childpage img, article.transcriptpage img {width: 33%;}
	div.T {width: 100%; margin: 5px 0; float: none;}

}

@media only screen and (max-width: 400px) {
	.twocol img {width: 100%;}
	.logo {min-width: 100%; width: 100%;}
	.logo img {max-width: 100%;}
	.book img {display: none;;}
}