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

    nav {
        padding: 170px 135px 10px 135px;
    }

    .space {
        padding: 40px 0;
    }

    footer .copyright {
        margin: 20px 0 0 0;
        padding: 30px 0 10px 0;
    }

    footer .info-strip {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {

    header nav {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;

        overflow: scroll;

        z-index: 101;
        transform: translateX(100%);
        transition: all .5s;
        bottom: -100%;
        left: 0;
    }

    header nav.open {
        transform: translateX(0%);

        height: 100vh;
        top: 0 !important;
    }

    header nav li {
        display: block;
        padding: 10px 0;
        margin: 0 0 10px 0;
    }

    header nav li a {
        font-size: 20px;
        line-height: 20px;
        display: block;
    }


    .hamburger {
        float: left;
        z-index: 102;
        position: relative;
    }

    .hamburger .line {
        width: 30px;
        height: 2px;
        background-color: #000;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .hamburger.is-active {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hamburger.is-active .line:nth-child(2) {
        width: 0px;
    }

    .hamburger.is-active .line:nth-child(1),
    .hamburger.is-active .line:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(9px);
        -ms-transform: translateY(9px);
        -o-transform: translateY(9px);
        transform: translateY(9px);
    }

    .hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(90deg);
        -ms-transform: translateY(-7px) rotate(90deg);
        -o-transform: translateY(-7px) rotate(90deg);
        transform: translateY(-7px) rotate(90deg);
    }

}

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

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    h4 {
        font-size: 16px;
    }

    .space {
        padding: 20px 0;
    }


    .hero {
        padding: 50px 15px;
    }

}