.background-image {
    width: 100%;
    max-height: 650px;
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.background-image .custom-btn{
    width: 340px;
    font-size: 1em;
    height: 55px;
    padding-top: 5px;
    text-transform: uppercase;
}

@media (max-width: 500px) {
    .background-image .custom-btn{
        width: 280px;
        font-size: 15px;
    }
}

/***************/

.background-image-home{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.webp');
}

html.no-webp .background-image-home {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-penal-dommage-corporel-grenoble.jpg');
}

/***************/

.background-image-divorce-amiable{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.webp');
}

html.no-webp .background-image-divorce-amiable{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-amiable-grenoble.jpg');
}

/***************/

.background-image-divorce-contentieux{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.webp');
}

html.no-webp .background-image-divorce-contentieux{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-divorce-contentieux-grenoble.jpg');
}

/***************/

.background-image-famille{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.webp');
}

html.no-webp .background-image-famille{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-de-la-famille-grenoble.jpg');
}

/***************/

.background-image-penal{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.webp');
}

html.no-webp .background-image-penal{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-penal-grenoble.jpg');
}

/***************/

.background-image-dommage-corporel{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.webp');
}

html.no-webp .background-image-dommage-corporel{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-dommage-corporel-grenoble.jpg');
}

/***************/

.background-image-mineur{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.webp');
}

html.no-webp .background-image-mineur{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-droit-des-mineurs-grenoble.jpg');
}

/***************/

.background-image-bon-a-savoir{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.webp');
}

html.no-webp .background-image-bon-a-savoir{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-conseils-juridiques-grenoble.jpg');
}

/***************/

.background-image-avis{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.webp');
}

html.no-webp .background-image-avis{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-avis-clients-grenoble.jpg');
}

/***************/

.background-image-honoraires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.webp');
}

html.no-webp .background-image-honoraires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-honoraires-tarifs-divorce-famille-penal-dommage-corporel-grenoble.jpg');
}

/***************/

.background-image-contact{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.webp');
}

html.no-webp .background-image-contact{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-contact-prise-de-rendez-vous-grenoble.jpg');
}

/****************/

.background-image-contact-ok{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-grenoble-message-recu.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-grenoble-message-recu.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-grenoble-message-recu.webp');
}

html.no-webp .background-image-contact-ok{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-grenoble-message-recu.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-grenoble-message-recu.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-grenoble-message-recu.jpg');
}

/***************/

.background-image-mentions{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.webp');
}

html.no-webp .background-image-mentions{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-mentions-legales-site-internet-grenoble.jpg');
}

/***************/

.background-image-confidentialite{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.webp');
}

html.no-webp .background-image-confidentialite{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-confidentialite-site-internet-grenoble.jpg');
}

/***************/

.background-image-partenaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.webp');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.webp');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.webp');
}

html.no-webp .background-image-partenaires{
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.jpg');
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%),
        url('../images/site/hautPage/avocat-partenaires-site-internet-grenoble.jpg');
}

/***************/

.background-image .content {
    position: absolute;
    top: 50%; /* Centre verticalement */
    left: 50%; /* Centre horizontalement */
    /* Déplace de -50% (pour centrer) + 80px vers le bas */
    -webkit-transform: translate(-50%, calc(-50% + 60px));
    -ms-transform: translate(-50%, calc(-50% + 60px));
    transform: translate(-50%, calc(-50% + 60px));
    text-align: left;
    padding: 20px;
    width: 900px;
}

@media (max-width: 1400px) {
    .background-image{
        max-height: 550px;
    }

    .background-image .content {
        /*top: 37.5%;*/
        width: 800px;
    }
}

@media (max-width: 1200px) {
    .background-image{
        margin-top: 120px;
        max-height: 480px;
    }

    .background-image .content {
        position: absolute;
        /*top: 25%;*/
        top: 50%; /* Positionnement vertical au centre */
        left: 50%; /* Positionnement horizontal au centre */
        -webkit-transform: translate(-50%, -50%); /* Centrage des deux axes */
        -ms-transform: translate(-50%, -50%); /* Centrage des deux axes */
        transform: translate(-50%, -50%); /* Centrage des deux axes */
        text-align: left;
        padding: 20px;
        width: 700px;
    }
}

@media (max-width: 1000px) {
    .background-image .content {
        width: 650px;
    }
}

@media (max-width: 800px) {
    .background-image .content {
        width: 600px;
    }
    .background-image-penal{
        background-position: 25% 0px;
    }
    .background-image-mineur{
        background-position: 25% 0px;
    }
    .background-image-bon-a-savoir{
        background-position: 65% 0px;
    }
    .background-image-honoraires{
        background-position: 0% 0px;
    }
    .background-image-confidentialite{
        background-position: 75% 0px;
    }
}

@media (max-width: 600px) {
    .background-image .content {
        /*top: 25%;*/
        width: 450px;
        border:0px solid red;
    }
}


@media (max-width: 500px) {
    .background-image .content {
        /*top: 20%;*/
        width: 450px;
        border:0px solid red;
    }

}

@media (max-width: 500px) {
    .background-image .content {
        /*top: 20%;*/
        width: 400px;
        border:0px solid red;
    }
}
@media (max-width: 450px) {
    .background-image .content {
        /*top: 20%;*/
        width: 370px;
        border:0px solid red;
    }
}

@media (max-width: 400px) {
    .background-image .content {
        /*top: 20%;*/
        width: 340px;
        border:0px solid red;
    }
}