@media only screen and (min-width: 250px) and (max-width: 768px) {

	.hero, 
	.hero-section  {
        height: auto !important;
        padding: 1em .3em;
    }

	.about-section, .contact-section{
		height: auto;
	}

}


@media only screen and (min-width: 767px) and (max-width: 940px) {

	.hero, 
	.hero-section  {
        height: auto !important;
        padding: 1em .3em;
    }

	.about-section, .contact-section{
		height: auto;
	}

}