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

/* MOBILE VIEW */
@media screen and (max-width:390px) { 
    .main-content{
        width:250px; 
        margin: 40px auto;
        padding: 20px;
    }
    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:""; 
    }
    .mainheader {
        padding-top:208px; 
    }
}