/**:root{
    --main-color:#8e44ad;
    --black:#222;
    --white:#6b6b6b;
    --light-black:#777;
    --light-white:rgba(228, 228, 228, 0.6);
    --dark-bg:rgba(0,0,0,.7);
    --light-bg:#eee;
    --border:.1rem solid var(--black);
    --box-shadow:0 .5rem 1rem rgba(0,0,0,.1);
    --text-shadow:0 1.5rem 3rem rgba(0,0,0,.3);
}**/

@media (max-width:1200px){

    section{
        padding:3rem 5%;
    }

}

@media (max-width:991px){

    html{
        font-size: 80%;
    }

    section{
        padding:3rem 2rem;
    }

}

@media (max-width:750px){

    #menu-btn{
        display: inline-block;
        transition: .2s linear;
    }

    #menu-btn.fa-times{
        transform: rotate(180deg);
    }

    .header .navbar{
        position: absolute;
        top:99%; left:0; right:0;
        background-color: var(--black);
        border-top: var(--border);
        padding: 2rem;
        transition: .2s linear;
        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;
        margin: 2rem;
        text-align: center;
    }
}

@media (max-width:450px){

    html{
        font-size: 60%;
    }
}