@media only screen and (min-width: 768px) and (max-width: 840px) {
	#content {
		width: 700px;
		margin-left: -350px;
	}
	#gallery .image {
		height: 400px;
		margin-top: 40px;
	}
	
	.vertical {
		width: 100%!important;
		height: 1150px!important;
	}

	.right {
		margin-left: 0px;
	}
	
	.av {
		margin-top: 540px!important;
	}

	.da .av {
		padding-top: 580px;
	}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	#content {
		width: 580px;
		margin-left: -290px;
	}
	
	#gallery .image {
		height: 340px;
		margin-top: 40px;
	}
	
	.vertical {
		width: 100%!important;
		height: 870px!important;
	}

	.right {
		margin-left: 0px;
	}
	
	.av {
		margin-top: 480px!important;
	}

	.da .av {
		padding-top: 520px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	body {
		background-size: 100%;
	}
	#content {
		width: 460px;
		margin-left: -230px;
	}
	
	#gallery .image {
		height: 306px;
		margin-top: 40px;
	}
	
	.vertical {
		width: 100%!important;
		height: 690px!important;
	}

	.right {
		margin-left: 0px;
	}
	
	.av {
		margin-top: 480px!important;
	}

	.da .av {
		padding-top: 520px;
	}
}

@media only screen and (max-width: 479px) {
	body {
		background-size: 100%;
	}
	#content {
		width: 300px;
		margin-left: -150px;
	}
	
	#gallery .image {
		height: 200px;
		margin-top: 40px;
	}
	
	.vertical {
		width: 100%!important;
		height: 450px!important;
	}

	.right {
		margin-left: 0px;
	}
	
	.av {
		margin-top: 360px!important;
	}

	.da .av {
		padding-top: 400px;
	}
}