@media only screen and (max-width: 900px) {
.contact_bg {
    height: 400px;
}.hero_img {
    height: 294px;
    width: 290px;
}.h_menu{
    font-size: 30px;
}.logo_header{
    font-size: 32px;
}.hero_heading{
    font-size: 42px;
}.hero_subHeading{
    font-size: 25px;
}.hnav_items{
    font-size: 24px;
}.scroll_up{
    font-size: 30px;
    padding: 10px 20px;
    margin: 27px 20px;
}.sub_heading_about, .sub_heading_skills {
    font-size: 18px !important;
}h2{
    font-size: 32px !important;
}
}