*{
    margin: 0%;
    padding: 0%;
}

body{
    background-image:url("./img/bg.jpg") !important; 
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}


.btn-outline-primary:hover{
    background-color: rgb(5, 112, 193) !important;
} 

.btn-primary{
    background-color: rgb(5, 112, 193) !important;
} 
i{
    color: rgb(5, 112, 193) !important;
}


.icon{
    position: absolute;
    bottom:10px;
    left:20px;
    z-index:3;
    height:30px;
    width:30px;
}
.icon-text{
    position: absolute;
    bottom:10px;
    left:60px;
    z-index:2;
}
.button {
    width: 100%;
    height: 80px;
    font-size: 1.5rem;
}

.vl::after {
    
    content:"|";
    position: relative;
    padding-left:20px;
}
.vla::before{
    content:"|";
    position: relative;
   padding-right: 20px;
}


@media screen and (max-width:700px) {
    .navbar-brand img{
        margin-left:20px !important;
    }
    .custom-margin{
        margin-left:0 !important;
        transition: all 3s ease-in-out;
    }
    .custom-settings{
     display: block;
    margin: auto;
    }
    
}
@media screen and (max-width:800px) {
    .navbar-brand{
       margin-left:20px !important;

    }
    .custom-margin{
        margin-left:0 !important;
        transition: all 3s ease-in-out;
    }
    .custom-settings{
     display: block;
    margin: auto;
    }
    .vl::after {
        content: " ";
        padding: 0%;
    }
    .vla::before{
        content: " ";
        padding: 0%;
    }
    
}
@media screen and (max-width:900px) {
    .navbar-brand{
        margin-left:20px;

    }
    .custom-margin{
        margin-left:0 !important;
        transition: all 3s ease-in-out;
    }
    .custom-settings{
     display: block;
    margin: auto;
    }
    
}

.header-image-height{
    background-image:url("./photos/about/banner.jpeg") ;
    background-attachment:fixed;
    background-clip: border-box;
    backface-visibility: visible;
    scroll-padding-block-start:100px;
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    transition:all 3s ease-in;
    width: 100%;
    height:350px;
}
.product-header-image-height{
    background-image:url("./photos/product/banner.jpeg") ;
    background-attachment:fixed;
    background-clip: border-box;
    backface-visibility: visible;
    scroll-padding-block-start:100px;
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    transition:all 3s ease-in;
    width: 100%;
    height:350px;
}

.services-header-image-height{
    background-image:url("./photos/services/banner.jpeg") ;
    background-attachment:fixed;
    background-clip: border-box;
    backface-visibility: visible;
    scroll-padding-block-start:100px;
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    transition:all 3s ease-in;
    width: 100%;
    height:350px;
}
.catalogue-header-image-height
{
    background-image:url("./photos/catalogue/Catalogue Banner.jpg") ;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:top;
    background-size: cover;

    width: 100%;
    height:350px;
}

.contact-banner{
    background-image:url("./photos/contact/contact-banner.jpeg");
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center right;
    background-size: cover;
    width: 100%;
    height:350px;
}
/*
------------------ QUALITY -----------------------------
*/

#quality {
    background-color:white;
}

#quality h3 {
    font-weight: 700;
}

#b img,
#c img,
#d img {
    height: 150px;
    border: 1px solid #000;
}

#a img {
    height: 100px;
    margin-top: 10%;
}


/*
------------------ HISTORY -----------------------------
*/

#history {
    background-color:white;
}

#history h3 {
    font-weight: 700;
}
#contact,#term,#history,#quality,#catalogue,#service,#products,#nav{
    background-color: rgb(238, 238, 238) !important;
}




.bg-footer-img{
    background-image:url("./photos/bg.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#00009040;
    background-blend-mode:darken;
    background-attachment:fixed;
}