/* TABLET VIEW */
@media screen and (max-width:844px){
    .main-content{
        width:400px;
    }
    .main-header{
        padding:30px;
        padding-top:189px;
    }
}

/* MOBILE VIEW */
@media screen and (max-width:390px){
    .main-content{
        width:250px;
        margin:40px auto;
        padding:20px;
    }
    .main-header{
        padding-top:189px;
    }
    h1,h2{
        font-size:1.5em;
    }
    .dropdown{
        display:block;
        position:relative;
        left:0;
        padding-top:0;
    }
    .main-nav{
        padding:0;
    }
    .dropdown li{
        width:100%;
        background-color:none;
        padding:5px;
    }
    ul li{
        display:block;
        border-top:1px solid white;
        padding:5px;
    }
    .dropdown-link::after{
        content:"";
    }
    .main-header{
        padding-top:260px;
    }
}