.intro{
    color:#fff;
    background:#000f9f;
}

.intro img{
    width:100%;
}


.intro p{
    font-size:1.3em;
    font-weight:300;
}


.intro .link{
    font-size:1.4em;
    font-weight:300;
    text-align:center;
}

.intro .link a{
    color:#fff;
    font-weight:500;
    text-decoration:none;
}

.intro .link a span{
    position:relative;
    top:0.2em;
}

.intro .photobox img{
    height:30em;
    object-fit:cover;
}



.brands .item{
    display:block;
    width:100%;
    padding:4em 0;
}

.brands .item img{
    max-width:100%;
    margin-top:3em;
    min-height: 8em;
    object-fit: contain;
}

.brands .item img:hover{
    cursor:pointer;
}


.brands .item h2{
    color:#000f41;
    font-size:1.3em;
}

.brands .item .smalldescr{
    font-size:1.1em;
    letter-spacing: 0.1rem;
    display:block;
    margin-bottom:1em;
}

.brands .item a{
    display:inline-block;
    color:#1d8383;
    font-weight:500;
    text-decoration:none;
    margin-top:1em;
}

.brands .item a span{
    font-size:0.9em;
    position:relative;
    top:0.1em;
    margin-left:0.4em;
}




/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {


}




/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .intro{
        margin-top:9em;
        padding-top:2em;
    }

    .intro .link{
        padding-bottom:2em;
    }



    .brands .item img {
        margin-bottom:1.5em;
    }

}



/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {


    .intro .photobox{
        padding:0;
    }

}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


}