@media only screen and (min-width: 851px) {


    html, body, h1 ,h2 {
    padding: 0px;
    margin: 0px;

    
    width: 100%;

    /* border: orangered 1px solid; */
}
a{
    text-decoration: none;
}
h1{
    z-index: 3;
}


html, body, h1, h2{
    padding: 0px;
    margin: 0px;

    width: 100%;
    
}
a{
    text-decoration: none;
}
h1{
    z-index: 3;
}


header{
    width: 100%;
    height: 875px;

    padding: 0px;
    margin: 0px;

    background: #CBCBCB;
}



header h1{
    width: auto;
    color: #8074C3;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    position: absolute;
    margin: 70px
}
header img{
    width: 100%;
    height: 600px;
    flex-shrink: 0;
    
    object-fit: cover;

    background: #D9D9D9;
    box-shadow: 0 -50px 100px 0 rgba(0, 0, 0, 0.50) inset;
}
header div h2{
    width: 323px;
    height: 50px;
    flex-shrink: 0;

    color: #000;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin: 70px;
}

/* BODY */

div{
    text-align: center;
}
#un{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    background: linear-gradient(168deg, #613779 12.84%, #B2502A 53.03%, #3FC6A8 94.8%);

}
#deux{
    width: 33%;
    height: 485px;
    flex-shrink: 0;
    
        position: absolute;
        margin-left: 33.3%;
        margin-top: -793px;

    background: linear-gradient(168deg, #D1C39B 12.84%, #E3A772 39.24%, #F8E8D0 94.8%);

}
#trois{
    width: 33%;
    height: 486px;
    flex-shrink: 0;
    
        position: absolute;
        margin-left: 66.6%;
        margin-top: -793px;

    background: linear-gradient(168deg, #49B9E2 12.84%, #FFA907 44.36%, #767475 94.8%);
}
#quatre{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-left: 33.3%;
    margin-top: -300px;

    background: linear-gradient(168deg, #85D756 12.84%, #EBF4E2 44.36%, #71A3A7 94.8%);
}
#cinq{
    width: 33%;
    height: 485px;
    flex-shrink: 0;

    margin-top: 7px;

    background: linear-gradient(168deg, #2D2434 16.59%, #A28BB2 42.95%, #5D5B5F 86.65%);
}

#six{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-left: 66.6%;
    margin-top: -793px;

    background: linear-gradient(168deg, #323724 12.84%, #885C80 63.28%, #201825 94.8%);
}
#sept{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    background: linear-gradient(168deg, #816344 16.59%, #853A20 42.95%, #5E4437 86.65%);
}
#huit{
    width: 33%;
    height: 485px;
    flex-shrink: 0;
    

    position: absolute;
    margin-left: 66.6%;
    margin-top: -793px;

    background: linear-gradient(168deg, #E9D397 16.59%, #E793BA 42.95%, #89554E 86.65%);
}
#neuf{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-left: 33.3%;
    margin-top: -793px;

    background: linear-gradient(168deg, #F3F4F6 16.59%, #C0CED3 42.95%, #E2E6E9 86.65%);
}
#dix{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-left: 66.6%;
    margin-top: -300px;

    background: linear-gradient(168deg, #913668 16.59%, #395858 42.95%, #608393 86.65%);
}
#onze{
    width: 33%;
    height: 486px;
    flex-shrink: 0;

    position: absolute;
    margin-top: 8px;
    margin-left: 33.3%;

    background: linear-gradient(168deg, #FFFFFF 16.59%, #CC9E86 42.95%, #D9D8D7 86.65%);
}
#douze{
    width: 33%;
    height: 486px;
    flex-shrink: 0;

    margin-top: 8px;

    background: linear-gradient(168deg, #58383C 16.59%, #DACAB2 42.95%, #3D272A 86.65%);
}
#treize{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    margin-top: 8px;

    background: linear-gradient(168deg, #413878 16.59%, #8F5D4D 42.95%, #3B4B30 86.65%);
}
#quatorze{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-top: -793px;
    margin-left: 33.3%;

    background: linear-gradient(168deg, #10100F 16.59%, #592112 42.95%, #362C09 86.65%);
}
#quinze{
    width: 33%;
    height: 793px;
    flex-shrink: 0;

    position: absolute;
    margin-top: -793px;
    margin-left: 66.6%;

    background: linear-gradient(168deg, #72CD73 16.59%, #70495D 42.95%, #87AFD6 86.65%);
}



#gallery img{
    flex-shrink: 0;
    width: 320px;
    height: fit-content;
    /* fit content */

    margin: 35px;
    margin-top: 79px;

    background-color: white;
}
}