/* Respective Size Define

1200px or more
992px - 1199px		Space 207px, iPad Horizontal View.
768px - 991px		Space 223px, iPad Vertical View.
600px - 767px		Space 167px, Mobile Horizontal View.
480px - 599px		Space 119px
320px - 479px		Space 159px, Mobile Vertical View.
319px or below

*/

.content { background: #00b2ba; color: white }
.content > div { padding: 60px 60px 40px 60px }
.content > div .pic { background: url(../img/reseller-bg.jpg) no-repeat top -220px left; background-size: 1150px; height: 320px }
.content h1 { margin-top: 50px; line-height: 1.1 }
.content p { font-weight: 300; font-size: 18px; line-height: 1.6 }
.content a { color: white }
.content a:hover { color: #005a65 }

@media (max-width: 767px) {
	.content > div .pic { background-position: top -28.64vw left; background-size: 149.73vw; height: 41.66vw }
	.content h1 { margin-top: 40px }
}

@media (max-width: 599px) {
	.content > div .pic { margin-left: -10px; margin-right: -10px }
	.content p { font-size: 16px }
}

@media (max-width: 479px) {
	.content > div { padding: 30px 40px }
	.content > div .pic { margin-left: -15px; margin-right: -15px }
	.content h1 { margin-top: 20px; font-size: 40px }
	.content p { font-size: 14px }
}