/* Large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) { 

    .header-content-wrap {

        height: 50%;

    }

    .wrap,

    #main-content {

        width: 94%;

    }

    #footer .contacts, 

    #footer .products {

        width: 100%;

    }

}



/* Medium devices (desktops, 992px and up) */

@media (max-width: 992px) {

    .header-content-wrap {

        height: 70%;

    }

}



/* Small devices (tablets, 768px and up) */

@media (max-width: 768px) { 

    

    .header-content-wrap {

        height: 100%;

    }

    #header h1 {

        padding: 0.5em 0;

    }

}