@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:700px) and (max-width:900px) {
	
	.headerWrap, .bodyWrap, .footerWrap {
		width:690px;
	}
	
	.header {
		height:158px;
	}
	
	.body h2 {
		clear:both;
	}
	
	.bodyImg {
		width:auto;
	}
	
	.bodyImg img {
		width:668px;
	}
	
	.bigSide, .smallSide {
		width:100%;
	}
	
	.right, .left {
		float:none;
	}
	
	.bodyImgSm img {
		margin-left:103px;
	}
	
	.half {
		margin:10px auto;
	}
	
}

@media only screen and (min-width:480px) and (max-width:699px) {
	
	.headerWrap, .bodyWrap, .footerWrap {
		width:480px;
	}
	
	.header {
		height:158px;
	}
	
	.body h2 {
		clear:both;
	}
	
	.bodyImg {
		width:auto;
	}
	
	.bodyImg img {
		width:458px;
	}
	
	input[type="file"] {
		clear:both;
		float:left;
	}
	
	.navBar ul li p {
		padding:2px 14px;
		font-size:17px;
	}
	
	.bigSide, .smallSide {
		width:100%;
	}
	
	.reviewsColumn img {
		width:100%;
		height:auto;
		margin:10px auto;
		clear:both;
		float:none;
	}
	
	.right, .left {
		float:none;
	}
	
	.bodyImgSm img {
		width:428px;
	}
	
	.half {
		width:90%;
		margin:10px auto;
	}
	
	.half h2 {
		padding-top:20px;
		padding-bottom:20px;
	}
}

@media only screen and (min-width:380px) and (max-width:479px) {
	
	.headerWrap, .bodyWrap, .footerWrap {
		width:96%;
	}
	
	.headerWrap {
		padding:0 2%;
	}
	
	.header {
		height:158px;
	}
	
	.body h2 {
		clear:both;
	}
	
	.bodyImg {
		width:auto;
	}
	
	.bodyImg img {
		width:100%;
	}
	
	.body {
		padding:1px 0;
	}
	
	.logo {
		width:50%;
	}
	
	.logo img {
		width:100%;
	}
	
	.headerInfo {
		margin:0;
		font-size:12px;
	}
	
	.bodyImg img {
		width:100%;
	}
	
	input[type="file"] {
		clear:both;
		float:left;
	}
	
	.navBar {
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
	
	.navBar ul li {
		float:none;
		width:100%;
		text-align:center;
		border:0;
	}
	
	.navBar ul li p {
		width:100%;
		font-size:17px;
		padding:6px 0;
		background-position:bottom;
	}
	
	.bigSide, .smallSide {
		width:100%;
	}
	
	.reviewsColumn img {
		width:100%;
		height:auto;
		margin:10px auto;
		clear:both;
		float:none;
	}
	
	.right, .left {
		float:none;
	}
	
	.bodyImgSm img {
		width:94%;;
	}
	
	.half {
		width:90%;
		margin:10px auto;
	}
	
	.half h2 {
		padding-top:20px;
		padding-bottom:20px;
	}
}

@media only screen and (min-width:320px) and (max-width:379px) {
	
	.headerWrap, .bodyWrap, .footerWrap {
		width:96%;
	}
	
	.headerWrap {
		padding:0 2%;
	}
	
	.body {
		padding:1px 0;
	}
	
	.header {
		height:158px;
	}
	
	.body h2 {
		clear:both;
	}
	
	.bodyImg {
		width:93.5%;
	}
	
	.bodyImg img {
		width:100%;
	}
	
	.logo {
		width:49%;
		position:fixed;
	}
	
	.logo img {
		width:100%;
	}
	
	.headerInfo {
		margin:0;
		font-size:12px;
	}
	
	.bodyImg img {
		width:458px;
	}
	
	input[type="file"] {
		clear:both;
		float:left;
	}
	
	.navBar {
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
	
	.navBar ul li {
		float:none;
		width:100%;
		text-align:center;
		border:0;
	}
	
	.navBar ul li p {
		width:100%;
		font-size:17px;
		padding:2px 0;
	}
	
	.bigSide, .smallSide {
		width:100%;
	}
	
	.reviewsColumn img {
		width:100%;
		height:auto;
		margin:10px auto;
		clear:both;
		float:none;
	}
	
	.right, .left {
		float:none;
	}
	
	.bodyImgSm img {
		width:94%;;
	}
		
	.half {
		width:90%;
		margin:10px auto;
	}
	
	.half h2 {
		padding-top:20px;
		padding-bottom:20px;
	}
}