@font-face {
    font-family: 'maghony';
    src: url('maghony-yzl2j-1.ttf');
}

#background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

@media only screen and (max-width: 320px) {
    #equipment_div {
        margin-left:-13px !important;
    }
}



/* Small screens */
@media only screen and (min-width: 330px) and (max-width: 767px) {
    #logocontainer {
        text-align: center;
    }

    #selectcontainer {
        text-align:center;
    }

    #equipment_div {
        margin-left:5%;
    }
}

/* Medium screens */
@media only screen and (min-width: 768px) and (max-width: 820px) {
    #logocontainer {
        text-align: center;
        margin-left:10px;
    }
    #logoimg {
        width:225px;
        height:205px;
    }

    #navcontainer {
        margin-left:25px;
        text-align:center;
        margin-left:10px;
    }
    #navcontainer .nav-item a{
        font-size:16px;
    }

    #selectcontainer{
        margin-top:250px;
        margin-left:10px !important;
        text-align:center;
    }

    #equipment_div {
        margin-bottom:20px;
        width:48%;
        margin-left:13px;
    }
    #equipmentroot{
        margin-right:30%;
        margin-left:0%;
    }

}

@media (min-width:820px) and (max-width: 992px){
    #logocontainer {
        text-align: center;
        margin-left:10px;
    }
    #logoimg {
        width:225px;
        height:205px;
    }

    #navcontainer {
        margin-left:75px;
        text-align:center;
    }
    #navcontainer .nav-item a{
        font-size:16px;
    }

    #selectcontainer{
        margin-top:250px;
        margin-left:10px !important;
        text-align:center;
    }

    #contact-cont {
        margin-left:80px;
    }


    #equipment_div {
        margin-bottom:20px;
        width:48%;
        margin-left:13px;
    }

}


/* Large screens */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #logocontainer {
        text-align: left;
        width:30%;
    }

    #logoimg {
        width:100% !important;
        height:auto;
    }

    #language-container{
        margin-left:35px;
        padding-left:110px;
    }
    
    #navcontainer {
        text-align:left;
        margin-left: -0px;
        margin-right:0;
        padding-right:0;
    }
    #selectcontainer{
        margin-top:100px;
        text-align:center;
    }
    #left-3 h5 {
        font-size:30px;
    }

    #equipment_div {
        margin-bottom:20px;
        width:30%;
        margin-right:30px;
    }
    #equipmentroot{
        margin-right:0%;
        margin-left:0%;
    }

    

}

/* Extra-large screens */
@media only screen and (min-width: 1200px) {
    #navcontainer .nav-item a{
        color:white;
        font-size:25px;
    }
    #navcontainer {
        text-align:left;
        margin-left:-120px;
    }
    #language-container {
        margin-left:20px;
    }

    #selectcontainer{
        margin-top:100px;
        text-align:center;
    }
}



#logoimg {
    width: 50%;
}

a {
    font-family:maghony;
}

#navcontainer {
    text-align:center;
}

#navcontainer .nav-item a{
    color:white;
    margin-left:5px;
}

#navcontainer .nav-item a:hover{
    color:beige;
    text-underline-offset: 0.4rem;
    text-decoration:underline;  
}

#selectcontainer a {
    text-decoration:none !important;
}

#selectcontainer h2 {
    color:white;
    text-decoration:none !important; 
    font-family: maghony;

}

#selectcontainer h2:hover {
    color:beige;
    text-decoration: underline !important;
    text-underline-offset: 0.4rem;
    text-decoration-thickness: 2px;
}