/* 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:1.5em;
  }
  .dropdown{
    display: block;
    position: relative; 
    left:0;
    padding-top:0;
    
  }
  .main-nav{
    padding:0;
  }
.dropdown li{
  width:100%;
  background-color:#005863;
  padding: 5px;
}
ul li{
  display:block;
  border-top: 1px solid white;
  padding: 5px;
}
.dropdown-link::after{
  content:"";
}
.main-header{
  padding-top:208px;
  padding-bottom: 70px;
}




}