/*TABLET VIEW*/
@media screen and (max-width:844px) {

    .main-content {
        width: 400px;
    }
    .main-header {
        padding: 30px;
        padding-top: 158px;
        background-position: 0%;
    }



}

/*MOBILE VIEW */
@media screen and (max-width:390px) {

    .main-content {
        width: 250px;
        margin: 40px auto;
        padding: 20px; 
    }
    h1, h2 {
        font-size: 1.2em;
    }
    .dropdown {
        display: block;
        position: relative;
        left:0;
        padding-top:0;
    }
    .main-nav {
        padding: 0;
    }
    .dropdown li {
        width: 100%;
        background-color:rgb(84, 4, 108);
        padding: 5px;
    }
    ul li {
        display: block;
        border-top: 1px solid white;
        padding: 5px;
    }
    .dropdown-link::after {
        content:"";
    }
    .main-header {
        padding-top: 208px;
    }
}