@font-face {
    font-family: 'ArchivoNarrow-Regular';
    src: url('../woff2/ArchivoNarrow-Regular.woff2') format('woff2');
}
body {
    background-color: #000;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    word-break: normal;
    font-family: 'ArchivoNarrow-Regular', sans-serif;

}
h1{

    text-align: center;
}
p{
    text-align: justify;
}
h1, h2 {
    font-family: 'ArchivoNarrow-Regular', sans-serif;
}
.header {
    text-align: center;
    /*background-color: #ffffff;*/
    width:100%;
}
.contenu {
    flex: 1;
    color: white;
    padding: 20px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    display: flex;
    flex-flow: row wrap;
    /*justify-content: space-between;*/
}


.contenu > *{
    flex:100%;
}



@media (min-height: 900px) {
.contenu {
    margin-top: 100px;
}
    .centrer {
        flex: 3 0px;
        /*flex-grow: 2;*/
    }
    p, li {
        font-size: large;
    }

}