/* TABLET */
@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:200px;
                   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; }

 .drop-down 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;
    }
}