*{ 
    box-sizing: border-box;
    margin:0;
    padding:0;
    line-height: 130%;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-size:1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}
img{
    display:block;
    border:0;
    margin:0 auto;
}

.cnil{
    min-width:320px;
    max-width:768px;
    margin: 30px auto;
    color:#FFFFFF;
    
    font-size:1rem;
    padding:1rem;
}

.cnil ul li, .cnil p{
    font-size:1rem;
}

ul li{
        list-style-type: none;
}

.cnil p{
    margin-bottom:0.5rem;
}

.cnil h2{
    margin-top:2rem;
}



a{
    font-size:inherit;
}

main{
    display:grid;
    grid-column: 1fr;
    grid-row: 1fr;
}

picture{
    width:300px;
    margin:0 auto;
    text-align:center;
}

html, body {
   height:100%;
}

h1, h2, h3, h4, h5, h6, p, div, a, a:visited {


    color:#dedede;
}

.cookies{
    color:#000000 !important;
}

.cookies > button{
    padding:10px;
}

#accept-cookies{
    color:#FFFFFF;
    background-color:#777;
    border:1px solid #777777;
    border-radius:4px;
}



p{
    font-size: 140%;
}
section>*{
    text-align:center;
    margin:auto;
}

.contacts{
    margin-top:150px;
    text-align:left;
    margin-bottom:50px;
}

header{
    display:block;
    margin: 30px auto;
    text-align:center;
}
picture{
    margin:50px;
}

h4, h5, h6 {
    font-size:100%;
}

h3{
    font-size:160%;
}
 h1{ font-size:150%;}


body{
    display:grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;

}
footer{
    text-align: center;
    margin-bottom:100px;
}

footer *{
    font-size:90%;
}

.contacts{
    text:left;
}
.hyperbig{
    font-size: 300%;
}

.ultrabig{
    font-size:600%;
    color:#FFFFFF;
}





.contacts{
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
}
section{
    margin-top:50px;
}

html{

/*
    background:#433D3F;
    */
    background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("../images/lamoureux-intro-l.avif") center center fixed;
     background-size: cover; 
}

@media only screen and (min-width:541px) and (max-width:960px) {
    html{
        background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("../images/lamoureux-intro-m.avif") center center fixed;
     
        background-size: cover; 
        }

}

@media only screen and (min-width:1px) and (max-width:540px) {
    html{
        background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("../images/lamoureux-intro-s.avif") center center fixed;
        background-size: cover; 
         }

         .ultrabig{
            font-size:12vw;
            color:#FFFFFF;
        }

        .hyperbig{
            font-size:8vw;
            color:#FFFFFF;
        }

}