@media (max-width: 1200px) {
    html {
        font-size: 55%;
    }
}

@media (max-width: 830px) {
    #menu-bar {
        display: block;
    }

    header .navbar{
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        background: #333;
        border-top: 0.1rem solid rgba(255,255,255,0.2);
        padding: 1rem 2rem;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }

    header .navbar.active{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    }

    header .navbar a{
        display: block;
        border-radius: 0.5rem;
        padding: 1.5rem;
        margin: 1.5rem 0;
        background: #222;
    }
}

@media (max-width: 450px) {
    html {
        font-size: 50%;
    }

    .heading span{
        font-size: 2.5rem;
    }

    .contact .row form .inputBox input{
        width: 100%;
    }
}