@media screen and (max-width: 992px){
    .container{
        max-width: 90%;
        margin-left: 5%;
    }

    .contact{
        background: url("../../images/bg/contact.jpg") no-repeat top center;
    }
}

@media only screen and (max-width: 768px) {
    html, body {
        height: auto;
    }

    body.index a {
        color: #fff;
        text-decoration: none;
        font-weight: 700;
    }

    body.index a:hover {
        color: #afafaf;
        text-decoration: none;
        font-weight: 700;
    }
}

@media (max-height: 750px) {
    body.index a {
        color: #afafaf !important;
        text-decoration: none;
        font-weight: 700;
        text-shadow: 0px 1px 4px rgba(0,0,0,0.7);
    }

    body.index a:hover {
        color: #afafaf !important;
        text-decoration: none;
        font-weight: 700;
        text-shadow: 0px 1px 4px rgba(0,0,0,0.7);
    }

    .axe.d-none.d-md-inline{
        display: none !important;
    }

    .axe.d-md-none{
        display: inline !important;
    }
}

@media screen and (max-width: 600px){
    .container-fluid{
        overflow-x: hidden;
    }

    .mb-5, .my-5{
        margin-bottom: 50px !important;
    }

    .mt-5, .my-5{
        margin-top: 50px !important;
    }

    #crossfade img {
        left: 10%;
    }
}