/* /*TABLET VIEW */
@media screen and (max-width:844px) {
 .main-content{
    width: 400px;
 }   
 .main-header {
    padding: 30px;
    padding-top:88px;}
}
/*MOBILE VIEW*/
@media screen and (max-width:390px) {
    .main-content{
        width: 250px;
        margin: 40px auto;
        padding: 20px;
        
    }
    h1,h2 {
        font-size: 1em;

    }
    .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:208px;
    }
}