@import url("https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto&display=swap");
@media only screen and (min-width: 768px) {
  .header-section{
    background-color:#f3f4f4;
    padding-left: 5rem;
    padding-right: 4rem;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .header-sub-title{
    color:#0A2240; 
    font-size:1.5rem;
    font-weight:100;
    font-family: Roboto, Sans-serif !important;
  }
  .header-title{
    font-family: Merryweather sans-serif;
    font-size:2.5rem !important; 
    font-weight:0; 
    color:#1a1a1a;
  }
  #header {
    padding-bottom: 0 !important;
  }
  
  #Footer {
    margin: 0 !important;
    max-width: 100% !important;
  }
  
}


@media only screen and (max-width: 600px) {
  #header {
    padding-bottom: 0 !important;
  }
  
  #Footer {
    margin: 0;
    max-width: 100% !important;
  }
  
  .header-sub-title{
    color:#0A2240; 
    font-size:1rem;
    font-weight:100;
    font-family: Roboto, Sans-serif !important;
  }
  .header-title{
    font-family: Merryweather sans-serif;
    font-size:2rem !important; 
    font-weight:0; 
    color:#1a1a1a;
  }
  .header-section{
    background-color:#f3f4f4;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  
}