body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Work Sans', sans-serif; overflow: hidden; background-color: #000000; background-image:url(lireautremans-background.jpg); background-size: cover; background-repeat: no-repeat; }
        
#container { display: flex; justify-content: center; height: 100vh; width: 100vw; overflow: hidden; position: relative; }



.content { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000000; position: relative; }

.logo { max-width: 520px; margin-bottom: 50px; width: calc(60% - 40px); }
h1 { font-size:25px; text-transform:uppercase; font-weight: 700; line-height: 1.5; text-align: center; margin-bottom:20px; max-width: 420px; width: calc(100% - 40px); }
a { color: #ffffff; }




/* Tablette */
@media (max-width: 1450px) {
}
@media (max-width: 1260px) {
    .bg-map {
        right:-10%;
    }
}
/* Mobile */
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
    .logo { max-width: 200px; }
    body { width: inherit; height: inherit; }
    h1 { font-size:24px; }
}