*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:inherit;
}

html{
    box-sizing: border-box;
    /* font-size: 62.5%;  pour utilisation de l'unité REM 1 REM = 16px */
    font-size: 1rem;

}

body{
    font-family: 'Nunito', sans-serif;
    overflow-x: hidden;
    color:#1f1f22;
    height: 100vh;
    background-color: #fff;
    /*display: grid;
    align-content: center;
    justify-content: center;*/

}

header{
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: center;
    overflow: hidden;
}

#hero-logo{
display: block;
width:35%;
height: 35%;
}

section{
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    background-color: #fd5f27;
}

h1{
    color:#fff;
    font-size: 2.2rem;
}