*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
html{
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-size: 14px;
}
body{
    margin:0;
    padding:0;
    background: #F9F6F7;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
article{
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    min-height: 100svh;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10svh 0 10rem;
    position: relative;
}
section{
    max-width: 75rem;
    padding: 2rem 2rem 15rem;
    background-color: rgba(19, 9, 6, 0.9);
    color: #ffffff;
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    -webkit-border-radius: 0.571rem;
       -moz-border-radius: 0.571rem;
            border-radius: 0.571rem;
}
section h1{
    text-align: center;
    font-size:3.429rem;
    line-height:4.571rem;
    margin-top: 3rem;
    margin-bottom: 4rem;
    -webkit-animation-name: fadeIn;
       -moz-animation-name: fadeIn;
         -o-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
       -moz-animation-duration: 0.5s;
         -o-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
}
section h2{
    text-align: center;
    font-size: 2.714rem;
    line-height: 2.714rem;
    margin: 3rem 0 1rem;
    width: 100%;
}
.container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col1{
    width: 70%;
}
.col2, .col3{
    text-align: center;
    width: 10%;
}
.col4{
    width: 10%;
    text-align: right;
}
.parfum {
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    aspect-ratio: 16/9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    max-width: 40rem;
}
h5, p{
    margin: .75rem 0;
}
span{
    display: none;
}
@media screen and (max-width: 700px){
    article{
        padding: 5svh 0;
    }
    span{
        display: inline;
    }
    h6, .col1:first-child{
        display: none;
    }
    .col1, .col2, .col3, .col4{
        text-align: center;
    }
    .col1{
        width: 100%;
        margin-top: 2rem;
        border-bottom: 1px dotted;
    }
    .col2, .col3, .col4{
        width: 33.33%;
    }
    p{
        margin: .75rem 0 0;
    }
}
@media screen and (max-width: 380px){
    section {
        width: -webkit-calc(100% - 1rem);
        width: -moz-calc(100% - 1rem);
        width: calc(100% - 1rem);
      }
    section h1{
        font-size:2.629rem;
        line-height:3rem;
    }
    section h2{
        font-size: 2.314rem;
        line-height: 2.714rem;
    }
    .col2, .col3, .col4{
        width: 100%;
    }
}
@media print {
    article{
        padding: 30px 0;
    }
    section{
        max-width: 190mm;
        padding-bottom: 2rem;
    }
    section h1{
        font-size:2.429rem;
        line-height:3.571rem;
        margin-top: 0;
        margin-bottom: 3rem;
    }
    section h2{
        font-size: 2.114rem;
        line-height: 2.714rem;
    }
    .parfum{
        display: none;
    }
}