// out: ../../sections/image-texte.css, compress: true

body {
    .image-texte-container {
        img {
            max-width: 100%;
        }
        .container {
            .texte-container {
                margin-left: -15px;
                margin-right: -15px;
            }
        }
        .texte-container {
            background-size: cover;
            padding-top: 40px;
            padding-bottom: 40px;
            margin-left: 0;
            margin-right: 0;
            h3, h4 {
                text-transform: uppercase;
            }
            p {
                margin-bottom: 0;
            }
            .btn {
                margin-top: 30px;
            }
        }
        .image-pleine-hauteur {
            display: none;
        }
        &.is-preview {
        }
        &.mobile {
            .texte-container {
                
            }
        }
    }
}
@media screen and (min-width:768px){
    body {
        .image-texte-container {
            .texte-container {
                &.pleine-hauteur {
                    position: absolute;
                    background: none!important;
                    width: 100%;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
            .image-pleine-hauteur {
                display: block;
            }
        }
    }
}
@media screen and (max-width: 767px){
    body {
        .image-texte-container {
            padding: 0;
            max-width: 100%;
            .texte-container {
                padding-top: 20px;
                padding-bottom: 20px;
                text-align: center;
                background: none!important;
                margin-left: 0;
                margin-right: 0;
            }
        }
    }
}