/*tablet view */
@media screen and (max-width:844px) {
.main-content {
    width: 400x;
}
    .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:1.5em;
}
.dropdown {
    display: block;
    position:relative;
    left:0;
    padding-top:0;
    
}
.main-nav {
    padding: 0;
}
.dropdown li{
    width:100; background-color:none;
}
ul li {
    display: block;
    border-top: 2px solid white;
    padding: 5px;
}
    .dropdown-link::after{
        content:"";
    }
    .main-header{
        padding-top:208px;
    }
}