@font-face {
    font-family: 'Milksea';
    src: url('../fonts/Milksea.woff2') format('woff2'),
        url('../fonts/Milksea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



body {
        /*overflow-x: hidden;*/
        margin: 0;
        padding: 0;
        background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 100%);
      }
a {
 color: #EFE7D1;
 text-decoration: none;   
}

a:hover {
    
  color: #fff;  
}
      
#background-video {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
      }
      
      /* логотип и текст сверху слева */
      #logo {
        position: absolute;
        width: 360px;
        left: 80px;
        top: 80px;
        z-index: 2;
      }
      
      #header-text {
        position: absolute;
        width: 476px;
        left: 80px;
        top: 230px;
        font-family: 'Milksea';
        font-style: normal;
        font-weight: 400;
        font-size: 50px;
        line-height: 123.5%;
        letter-spacing: 0.02em;
        color: #EFE7D1;
        z-index: 2;
      }
      
      /* текст справа внизу */
      #footer-text {
        position: absolute;
        right: 80px;
        bottom: 380px;
        font-family: 'Helvetica';
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 28px;
        text-align: right;
        letter-spacing: 0.04em;
        color: #EFE7D1;
        z-index: 2;
      }
      
      #address {
        position: absolute;
        right: 80px;
        bottom: 180px;
        font-family: 'Helvetica';
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 28px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #EFE7D1;
        z-index: 2;
      }
        
        #email{
            position: absolute;
            right: 80px;
            bottom: 80px;
            font-family: 'Helvetica';
            font-style: normal;
            font-weight: 300;
            font-size: 20px;
            line-height: 23px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #EFE7D1;
            z-index: 2;   

}
 
      
      #background-gradient {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.96%, rgba(0, 0, 0, 0.258523) 56.25%, rgba(0, 0, 0, 0.65625) 82.29%, #000000 100%);
        z-index: 1;
      }


@media screen and (max-width: 600px) {
    
    #background-video {
        width: auto;
/*        object-fit: none;*/
        height: 100%;
        left: -40vh;
    }
        
        
    #background-gradient {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(180deg, rgba(0, 0, 0, 0) 23.96%, rgba(0, 0, 0, 0.258523) 56.25%, rgba(0, 0, 0, 0.65625) 82.29%, #000000 100%);
    }
    
    
    #logo {
        width: 200px;
        left: 24px;
        top: 30px;

      }
    
    #header-text {
        width: 280px;
        left: 24px;
        top: 120px;
        line-height: 100%;
        font-size: 2.5em;
      }
    
    
    #footer-text {
        
        left: 24px;
        bottom: 260px;
        font-size: 18px;
        text-align: left;
      }
      
      #address {
        width: 320px;  
        left: 24px;
        bottom: 80px;
        font-size: 18px;
        text-align: left;
      }
        
        #email{
        width: 320px; 
        left: 24px;
        bottom: 30px;
        font-size: 18px;
        text-align: left;

        }
    
    
}