@media screen and (max-width: 476px){

    a.sidepanel  {
        width: 477px !important;
        position: fixed;
        z-index: 1;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #2e8575;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
      }

  }


.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 250px;
  top: 0;
  left: 0;
  background-color: #2e8575;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  transition: 0.3s;
  
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #2e8575;
  color: white;
  padding: 10px 15px;
  border:none;

}

.openbtn:hover {
  background-color:#2e8575;
}

.mmr{


position: absolute;
top: 0;
border: 0px;
margin-left:32px;
margin-top:16px;
}

p{
 
    font-size: 18px;
    font-family: Helvetica;
    letter-spacing: .5px;
    line-height: 20px;
  
   
    }
  
    h3 {
  /*
          font-family: apple-system, BlinkMacSystemFont,
           "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
            "Open Sans", "Helvetica Neue", sans-serif;*/
        
          font-family:    Neue Haas Grotesk Display Pro;
          font-size: 32px;
          font-weight: 5px;
          letter-spacing: .28px;
          line-height: 35px;
      }
  
      .nav {
    
    background-color: #2e8575;
    color:white;  
    }
    

          @media screen and (max-width: 360px){

    p  {
          
/*
        font-family: apple-system, BlinkMacSystemFont,
         "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
          "Open Sans", "Helvetica Neue", sans-serif;*/
      
        font-family:    Neue Haas Grotesk Display Pro;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: .04px;
        line-height: 31px;
    
      }

  }
  
            @media screen and (max-width: 360px){

    h3  {
          
/*
        font-family: apple-system, BlinkMacSystemFont,
         "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
          "Open Sans", "Helvetica Neue", sans-serif;*/
      
        font-family:    Neue Haas Grotesk Display Pro;
        font-size: 23px;
        font-weight: 300;
        letter-spacing: .04px;
        line-height: 31px;
    
      }

  }
  
  
  

 
      
        @media screen and (max-width: 360px){

    .sidepanel  {
        width: 0;
        position: fixed;
        z-index: 1;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #2e8575;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        
        
      }

  }
     
  
   
  
    @media screen and (min-width: 1068px) {
    h3 {
          margin-top:110px;
          letter-spacing: .28px;
          line-height: 40px;
          font-family:  Neue Haas Grotesk Display Pro;
          font-size: 32px;
          font-weight: 5px;
          letter-spacing: .28px;
          line-height: 35px;
      }}
  



@media screen and (max-width: 452px) {
  .sidebar .closebtn {position: absolute;top: 0;border: 0px;font-size: 36px;margin-left: 370px;}}

  @media screen and (max-width: 414px) {
  .sidebar .closebtn {position: absolute;top: 0;border: 0px;font-size: 36px;margin-left: 340px;}}

  @media screen and (max-width: 375px) {
  .sidebar .closebtn {position: absolute;top: 0;border: 0px;font-size: 36px;margin-left: 312px;}}


  @media screen and (max-width: 475px) {
  .sidebar .closebtn {position: absolute;top: 0;border: 0px;font-size:
     36px;margin-left: 400px; margin-top:-8px;
     letter-spacing: .28px;
        line-height: 35px;
    }}

  

       @media screen and (max-width: 475px){

    .mrgnr  {
          
/*
        font-family: apple-system, BlinkMacSystemFont,
         "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
          "Open Sans", "Helvetica Neue", sans-serif;*/
      
        margin-left:15px;
        font-size: larger;
    
    
      }

  }