/* 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: "";


    }

    .main-header{
        padding-top:208px;



    }
}