.gabine_gardinage {
    background: url(/Files/App_002/images/gg.jpg)no-repeat;
    width: 100%;
    background-attachment: fixed;
    height: 850px;
    clear: both;
    background-size: 100% 100%;
    padding: 10vh 0;
}
.gabine_gardinage p{color: #fff;text-align: center;padding: 0 15px;font-weight: 500;font-size: 16px;font-family: "Ubuntu", sans-serif;}
.gabine_gardinage span{
    margin: 20vh 0;
    display: block;
    font-size: 45px;
    text-align: center;
    color: #fff;
}
.element-box {
    margin-bottom: 20px;
}
.box-gg .thumbnail{background-color:#edca00;}
.box-gg .thumbnail .mask{color:#000;font-size:30px;height:0;opacity:0;width:100%;display:none;align-items: center;justify-content: center;position:absolute;left:0;top:0;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;-o-transition: all 0.75s ease-in-out;
-ms-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out;}
.box-gg .thumbnail img{-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;-o-transition: all 0.75s ease-in-out;
-ms-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out;}
.box-gg .thumbnail:hover img{opacity:0.25;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;-o-transition: all 0.75s ease-in-out;
-ms-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out;transform: scale(1.5);}
.box-gg .thumbnail:hover .mask{height:100%;opacity:1;display:flex;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;-o-transition: all 0.75s ease-in-out;
-ms-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out;}
@media only screen and (max-width: 768px){
.gabine_gardinage {height:100%;}
.gabine_gardinage span {    margin: 7vh 0;font-size:25px;}
}