@media (max-width:8000px){
    header.masthead{
        color:#fff;
        background-image:url(../../img/header/header-bg.jpg);
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:center center;
        background-size:cover
    } 

    /*
    .background-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
    .intro-head {
        position: relative;
        z-index: 1;
        text-align: center;
    }
    */

    header .intro-head{
        padding-top:13.2%;
        text-align:center;
        font-size:100%;
        padding-bottom:6.5%
    } 
    header .intro-head img{
        width:35em;
        filter:drop-shadow(8px 8px 4px #000);
        margin-bottom:2%
    } 
    header .intro-head h1{
        font-size:2em;
        font-weight:600;
        letter-spacing:1px;
        font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
        filter:drop-shadow(2px 2px 4px #000);
        margin-bottom: 0.5%;
        cursor: default;
    }
        
    header #en-version h1 {
        font-size: 1.8em;
    }
        
    header .intro-head h2 {
        font-size: 1.4em;
        font-weight: 600;
        font-style: italic;
        color: #ffc107;
        font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
            'Segoe UI Symbol', 'Noto Color Emoji';
        filter: drop-shadow(2px 2px 4px #000);
        cursor: default;
        margin-bottom: 6%;
    }
        
    header #en-version h2 {
        font-size: 1.6em;
    }
    
    header.masthead a {
        border-radius: 1.5rem;
        padding: 11px 40px 9px 40px;
        font-size: 1em;
        font-weight: 600;
        color: #fff;
        font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
            'Segoe UI Symbol', 'Noto Color Emoji';
        background-color: #222;
        filter: drop-shadow(2px 2px 4px #000);
    }
    
    header.masthead a:hover {
        color: #ffc107;
        text-decoration: none;
        background-color: #5c5c5c;
    }
    
    header .bottom-head {
        padding-top: 2.2%;
        text-align: center;
        font-size: 100%;
        padding-bottom: 1.8%;
        background-color: rgba(0, 0, 0, 0.6);
        box-shadow: 0 -8px 10px -6px rgba(0, 0, 0, 0.3);
    }
    
    header .bottom-head h3 {
        font-size: 1em;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #fff;
        font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
            'Segoe UI Symbol', 'Noto Color Emoji';
        cursor: default;
    }
    
    @media (max-width: 1800px) {
        header .intro-head {
            padding-top: 14.8%;
            font-size: 80%;
            padding-bottom: 7.5%;
        }
    
        header .bottom-head {
            padding-top: 2.4%;
            font-size: 90%;
            padding-bottom: 1.6%;
        }
    }
    
    @media (max-width: 1170px) {
        header.masthead {
            background-image: url(../../img/header/header-bg-tab.jpg);
        }
    
        header .intro-head {
            padding-top: 35%;
            font-size: 85%;
            padding-bottom: 20%;
        }
    
        header .intro-head img {
            margin-bottom: 3%;
        }
    
        header .intro-head h1 {
            margin-bottom: 1.2%;
        }
    
        header .intro-head h2 {
            margin-bottom: 15%;
        }
    
        header .bottom-head {
            padding-top: 5%;
            font-size: 85%;
            padding-bottom: 3.5%;
        }
    }
    
    @media (max-width: 990px) {
        header .intro-head {
            padding-top: 35%;
            font-size: 75%;
            padding-bottom: 20%;
        }
    
        header .intro-head img {
            margin-bottom: 3%;
        }
    
        header .intro-head h1 {
            margin-bottom: 1.2%;
        }
    
        header .intro-head h2 {
            margin-bottom: 15%;
        }
    
        header .bottom-head {
            padding-top: 5%;
            font-size: 82%;
            padding-bottom: 3.5%;
        }
    }
    
    @media (max-width: 760px) {
        header.masthead {
            background-image: url(../../img/header/header-bg-smart.jpg);
        }
    
        header .intro-head {
            padding-top: 45%;
            font-size: 55%;
            padding-bottom: 18%;
        }
    
        header .intro-head img {
            margin-bottom: 5%;
        }
    
        header .intro-head h1 {
            margin-bottom: 2%;
        }
    
        header .bottom-head {
            padding-top: 8%;
            font-size: 58%;
            padding-bottom: 6%;
        }
    }
    
    @media (max-width: 408px) {
        header .intro-head {
            padding-top: 47%;
            font-size: 50%;
        }
    
        header .bottom-head {
            font-size: 55%;
        }
    }
    
    @media (max-width: 358px) {
        header .intro-head {
            padding-top: 55%;
            font-size: 42%;
            padding-bottom: 20%;
        }
    
        header .intro-head h2 {
            margin-bottom: 18%;
        }
    
        header .bottom-head {
            font-size: 45%;
        }
    }
}