@font-face {
    font-family: "FuturaPT-Demi";
    src: url('../fonts/FuturaPT-Demi.otf') format("opentype");
  }
  @font-face {
    font-family: "MaisonNeue-Mono";
    src: url('../fonts/MaisonNeue-Mono.otf') format("opentype");
  }
           h2 {
           font-family: "FuturaPT-Demi";
           font-size: 22.5px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: 2.3px;
           text-align: center;
           color: #0d7366;
           text-transform: uppercase;
           }
           h3{
           font-family: "MaisonNeue-Mono";
           font-size: 15.7px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.95;
           letter-spacing: 0.26px;
           text-align: center;
           color: #0d7366;
           display:block;
           text-transform: uppercase;
           }
           .left-part{
           background-color:#396053 ;
           height: 100vh;
           }
           .right-part{
           background-color:#f8f8f8;
           height: 100vh;
           }
           
  @media (min-width: 320px) and (max-width: 480px) {
    
     .left-part{
           background-color:#396053 ;
           height: 61vh;
           }
           .right-part{
           background-color:#f8f8f8;
           height: 39vh;
           }
    
  }