body{
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("../assets/images/samae/mainbg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
}

/* ---------- SECTION ---------- */

section {
    margin: 25px auto 150px auto;
    width: 60%;
    min-height: calc(100vh - 341px);
    justify-self: center;
    display: grid;
    justify-content: center;
}

p{
    color: white;
}

section p{
    margin: 10px 0;
}

section p > img#logoSamae{
    height: 100px;
    margin-bottom: 2%;
    margin-top: 2%;
}

section > div{
    overflow: hidden;
    height: 500px;
    width: 100%;
    justify-self: center;
}

section img#accueilPic{
    margin-left: auto;
    margin-right: auto;
    height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* ----------------------------- */
/* ---------- FOOTER ---------- */

@media (max-width: 1200px){

    section p{
        font-size: 2em;
    }
}

@media (max-width: 800px){

    section > div{
        height: 300px;
    }
    
    section img#accueilPic{
        height: 300px;
    }

    section {
        display: grid;
        grid-template-columns: 1fr;
        width: 60%;
        margin: 25px 20px 0 20px;
        min-height: calc(100vh - 208px);
    }

    section p{
        font-size: 1.5em;
    }
}