/*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-header{ padding-top: 208px;}
    .main-content{ width: 250px; margin: 40px auto; padding: 20px;}
    h1, h2{ font-size: 2em;}
    .dropdown{ display: block; position: relative; left: 0; padding-top: 0;}
    .dropdown li{ width: 100%; background-color: none; padding: 5;}
    ul li{ display: block; border-top: 1px solid white; padding: 5;}
    .dropdown-link::after{ content: "";}
    .main-nav{ padding: 0;}
}