/**/
/*  Maison  */
/**/

#maison-contenu {
    margin-top: 10vh;
    padding: 0 10vw;
}

.maison-section {
    display: flex;
    align-items: center;
    margin-bottom: 10vh;
}

.maison-section .ms-img {
    width: calc(100%/3);
    overflow: hidden;
}

.maison-section .text {
    width: calc(100%/1.5);
    padding: 5%;
    background-color: #b4a163;
}

.maison-section .text p {
    color: #f4f4f4;
    line-height: 1.5em;
}

/*
.ms-img img {
    width: auto;
    max-height: 50vh;
}
*/

.ms-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

#ms-img-1 {
    background-image: url(../img/franck-finot.jpg);
}

#ms-img-2 {
    background-image: url(../img/futs.jpg);
}

#ms-img-3 {
    background-image: url(../img/header/vins.jpg);
}

/**/
/*  Savoir-faire  */
/**/

.slide {
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#slide1 {
    background-image: url(../img/savoir-faire/vignoble.jpg);
}

#slide2 {
    background-image: url(../img/savoir-faire/fabrication.jpg);
}

#slide3 {
    background-image: url(../img/savoir-faire/temps.jpg);
}

.sf-title {
    color: #f4f4f4;
    margin-bottom: 10vh;
}

.sf-box {
    background-color: #f4f4f4;
    padding: 5vh 3vw;
    width: 50vw;
    max-height: 60vh;
    overflow: auto;
}

.sf-box hr {
    margin: 0 10vw;
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.sf-box-title {
    text-align: center;
    font-style: italic;
    margin-bottom: 2.5vh;
    font-size: 1em;
    color: brown;
}

.sf-box-text {
    margin-top: 2.5vh;
}

@media screen and (max-width: 1300px) {

    /*  Maison  */

    #maison-contenu {
        padding: 0 5vw;
    }

}

@media screen and (max-width: 1000px) {

    /*  Maison  */

    #maison-contenu {
        padding: 0;
    }

    .maison-section .ms-img {
        width: 40%;
    }

    .maison-section .text {
        width: 60%;
    }

    .ms-img {
        height: 40vh;
    }

}

@media screen and (max-width: 800px) {

    /*  Savoir-faire  */

    .sf-box {
        padding: 5vh 5vw;
        width: 65vw;
    }

    .sf-box-title {   
        margin-bottom: 3.5vh;
    }
    
    .sf-box-text {
        text-align: center;
        margin-top: 3.5vh;
    }

}

@media screen and (max-width: 600px) {

    /*  Maison  */

    #maison-contenu {
        margin: 10vh 0;
    }

    .maison-section {
        flex-direction: column;
        margin-bottom: 0;
    }

    .maison-section:nth-child(2) {
        flex-direction: column-reverse;
    }

    .maison-section .ms-img,
    .maison-section .text {
        width: 100%;
    }

    .maison-section .ms-img {
        max-height: 50vh;
    }

    .maison-section .text {
        padding: 10%;
    }

    /*
    .ms-img img {
        width: 100%;
        height: auto;
        max-height: initial;
    }
    */

    /*  Savoir-faire  */

    .sf-box {
        width: 80vw;
    }

}