@media only screen and (max-width: 1199px){
	#hero .imagebox {width: 500px; height: initial;}
	#hero .hero-content {padding: 180px 0;}
	#hero h1 {font-size: 36px;}
	#hero h2 {font-size: 20px;}
}

@media only screen and (max-width: 992px){
	#hero .imagebox {width: 450px; height: initial; float: initial; margin: 0 auto;}
	#hero .hero-content {padding: initial;}
	.portfolio .portfolio-item {width: 345px;}
}

@media only screen and (max-width: 767px){
	#hero .imagebox {width: 100%; height: initial;}
	#hero .hero-content {padding: initial;}
	.portfolio .portfolio-item {width: 100%;}
}

@media only screen and (max-width: 480px){
	#hero {height: 45vh;}
	#hero h1 {font-size: 27px;}
	#hero h2 {font-size: 17px;}
	.testimonials .testimonial-item p {min-height: 425px;}
}