@charset "utf-8";

/*--- GLOBAL ----*/

div, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*--- HEADER + INTRO ----*/

.heim_header {text-align:center;}
.heim_header .heading {font: 200 2.2em OpenSansCond, Arial, sans-serif; letter-spacing: 1px;}
.heim_intro {position:relative;margin-bottom:60px;}
.heim_intro img {width:100%;}
.heim_intro p {
    z-index:2;
    position:absolute;
    top:50%;
    left:7%;
    max-width:410px;
    transform: translateY(-50%);
    padding: 20px;
    background-color: #fff;
    font: 200 1.8em OpenSansCond, Arial, sans-serif;
}

/*--- CONTENU PRODUITS ----*/

.heim_content {
    display:flex;
    justify-content: space-between;
    margin-bottom:60px;
}
.heim_content .heim_productInfo {
    position:relative;
    width: calc(96% / 3);
}
.heim_productInfo img {width:100%;}

.heim_content .heim_productInfo div {
    opacity:0;
    transition: opacity 0.3s;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width: 100%;
    height:100%;
    padding:40px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font: 200 1.5em OpenSansCond, Arial, sans-serif;
    text-align:center;
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.heim_content .heim_productInfo:hover div {opacity:1;}

.heim_content .heim_productInfo div .heading {font: bold 1.6em OpenSansCond, Arial, sans-serif;margin:0;}
.heim_content .heim_productInfo div .heim_text {font-size: 1.6em;margin:0;}

/*--- PRODUITS ---*/

.heim_products {
    display:flex;
    justify-content: space-between;
    margin-bottom:60px;
}
.heim_products a {
    display: block;
    width: calc(96% / 3);
    align-self: center;
    color:#363636;
    position:relative;
}
.heim_products a p:first-of-type {
    margin: 20px 0 0;
    text-align:center;
    text-transform: uppercase;
    font: bold 1.7em OpenSansCond, Arial, sans-serif;
}
.heim_products a p:last-of-type {
    margin: 5px 0 0;
    text-align:center;
    font: 1.5em OpenSansCond, Arial, sans-serif;
}

/*--- PORTRAIT ----*/

.heim_portrait {
    background: url(../images/bckg.jpg) no-repeat;
    background-size: cover;
    width:100%;
    padding:60px;
    margin-bottom: 20px;
}
.heim_portrait > div {
    background-color: #fff;
    display:flex;
    align-items: center;
}
.heim_portrait > div > div {padding:40px;}
.heim_portrait p:first-child {font: bold 1.6em OpenSansCond, Arial, sans-serif;}
.heim_portrait p:last-child {font: 200 1.5em OpenSansCond, Arial, sans-serif;margin-bottom:0;}
.heim_hashtag {width:100%; margin-bottom:60px;}


.heim_comingsoon {
    /*width:100%;*/
    background: #D4535F;
    color: #fff;
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:10%;
    right:0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    height:80px;
    width:80px;
    font-size:18px;
    line-height:18px;
    font-weight:lighter;
    border-radius:80px;
}

/*--- LISTING PRODUITS ----*/

#sban, #contenu, .dis_comp_bg, .cust_bottom_link {display:none;}

/*--- MEDIA QUERIES ----*/

@media only screen and (max-width:1100px) {
    #contenu, .dis_comp_bg, .cust_bottom_link {display:block;}
}

@media only screen and (max-width:768px) {
    .heim_header .heading {margin: 10px auto 20px;}
    .heim_header img {margin: 20px auto 0;}
    .heim_content, .heim_products {margin:auto 2% 60px;}
    .heim_content .heim_productInfo div {
        opacity:1;
        position:initial;
        z-index:1;
        height:auto;
        background-color: #000;
    }
    .heim_hashtag {width:96%; margin: auto 2% 60px;}
}

@media only screen and (max-width:480px) {
    .heim_intro p {transform: none; margin-top:0;}
    .heim_header img {margin: 20px 5% 0; max-width:90%;}
    .heim_intro, .heim_intro p {position:initial;margin-bottom:0;}
    .heim_intro p {text-align:center;max-width: 100%;}
    .heim_content {display:block;}
    .heim_content .heim_productInfo {
        width:100%;
        height:auto;
        display:flex;
        margin-bottom:20px;
    }
    .heim_content .heim_productInfo img {align-self:flex-start;}
    .heim_content .heim_productInfo img, .heim_content .heim_productInfo div {width:50%;}
    .heim_portrait {padding:30px;}
    .heim_portrait > div {display:block;}
    .heim_portrait img {width:100%;}
    .heim_portrait div div {padding:20px;}
}

@media only screen and (max-width:360px) {
    .heim_content .heim_productInfo,
    .heim_products, .heim_products a {
        display:block!important;
        width:100%;
        height:auto;
        margin-bottom:20px;
    }
    .heim_content .heim_productInfo img, .heim_content .heim_productInfo div {width:100%;}
    .heim_content .heim_productInfo div .heading {font-size: 1.2em;}
    .heim_content .heim_productInfo div .heim_text {font-size: 1em;}
}