@media only screen and (min-width: 150px) and (max-width: 1100px) {

.cbox, .callbox {width: 94%!important;padding: 25px 3%!important;}

.logo {top: 25%;}
.logo img {width: 40%;}
.menu ul li {font-size: 20px;}
h1 {font-size: 30px;}
.caption {padding:100px 20% 0 20%;}


}

@media only screen and (min-width: 150px) and (max-width: 950px) {
	.lbox {
	width: 100%;
}

.abox {
	width: 100%;
}
#decal, #decall {
	display: none;
}
.logo img {
	width: 80%;
	z-index: 200;
}
.artbox {
	width: 100%;
}
.menu {
	top: 0;
	position: fixed;
	display: none;
}
.menuMobile {
	top: 0;
	position: fixed;
	display: block;
}
.menuMobile ul {
	list-style: none;
	padding: 0; margin: 0;
	z-index: 30000;
	background-color: #222;	
	overflow: hidden;
	border-bottom: 2px solid #957F3F;
}
.menuMobile ul li {
	width: 100%;
	display: block;
	padding: 15px 0;
	margin: 0;
	font-family: AmericanCaptain;
	font-size: 20px;
	color: #957F3F;
	background-color: #222;
	border-bottom: 1px solid #333;
	z-index: 30000;	
}
.indexMap {
	padding: 0 0 0 0;
	display: block;
}

}