@media only screen and (max-width : 1200px) {
	.main-title{
		top:25%;
	}

}
@media only screen and (max-width : 979px) {
	h3 {
    margin-top: 50px;
	}
	
	.parallax{
		height: 800px;
	}
}

@media only screen and (max-width : 767px) {
	 .main-title {
		display:none;
	}
	
	h3 {
    margin-top: 30px;
	}
	
	.parallax{
		height: 850px;
	}
	
	.footer span{
		display: block;
	}
}
	
@media only screen and (max-width : 480px) {

	.parallax{
		height: 1200px;
	}

}
@media only screen and (max-width : 320px) {
	
	.parallax{
		height: 1300px;
	}


}