@font-face {
     font-family: 'Helvetica Neue LT Std';
     src: url('fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }



 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: 'Helvetica Neue LT Std';
     font-weight: bold;
     font-style: normal;
     background-color: #fff;
     margin: 0;
     padding: 0;
 }

 .container {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
     padding: 0 20px 140px;
 }

 .logo {
     margin-top: 90px;
     margin-bottom: 140px;
     text-align: center;
 }

 .logo img {
     max-width: 280px;
     width: 100%;
     height: auto;
 }

 .coming-soon-text {
     font-size: max(40px, min(40px + (120 - 40) * ((100vw - 320px) / (1200 - 320)), 120px));
     font-weight: 700;
     color: #0a4a6e;
     line-height: max(40px, min(40px + (120 - 40) * ((100vw - 320px) / (1200 - 320)), 120px));
     letter-spacing: -1%;
     text-align: center;
     width: 100%;
     padding: 0 20px;
 }


 @media screen and (orientation: portrait) {
     .coming-soon-text {
         position: fixed;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 }

 @media screen and (orientation: landscape) {
     .coming-soon-text {
         text-align: center;
         margin-top: 0;
     }
 }

 @media screen and (max-width: 991px) and (orientation: landscape) {
     .logo {
         margin-top: 40px;
         margin-bottom: 80px;
     }

     .coming-soon-text {
         font-size: 80px;
         line-height: 84px;
     }
 }

 @media screen and (max-width: 768px) {
     .logo {
         margin-bottom: 60px;
         margin-top: 40px;
     }

     .logo img {
         max-width: 250px;
     }
 }

 @media screen and (max-width: 480px) {
     .logo {
         margin-bottom: 40px;
         margin-top: 40px;
     }

     .logo img {
         max-width: 200px;
     }
 }