#intro{
    background-image: url();
    aspect-ratio: 16/9;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

#hkvif-icon{
    aspect-ratio: 2 / 1;
}

@media (max-width: 575.98px) { 
    #hkvif-icon{
        width: 75vw;
    }
 }


@media (min-width: 576px) and (max-width: 767.98px) { 
    #hkvif-icon{
        width: 60vw;
    }
 }


@media (min-width: 768px) and (max-width: 991.98px) { 
    #hkvif-icon{
        width: 60vw;
    }
 }

@media (min-width: 992px) and (max-width: 1199.98px) { 
    #hkvif-icon{
        width: 60vw;
    }
 }


@media (min-width: 1200px) and (max-width: 1399.98px) { 
    #hkvif-icon{
        width: 40vw;
    }
 }

@media (min-width: 1400px){ 
    #hkvif-icon{
        width: 40vw;
    }
 }

.line{
    border-top: 1px solid #8c8b8b;
}
body{
    overflow-x: hidden
}