/* =================

    CHAPITRES - LA MAISON DU DIGITAL

====================

CHAPITRE 1 - 
CHAPITRE 2 - 
CHAPITRE 3 - 
CHAPITRE 4 - 
CHAPITRE 5 - 

==================== */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300&display=swap');

/* =================

    CONSTRUCTION - LA MAISON DU DIGITAL

==================== */

body, ul, ol, h1, h2, h3, h4, h5, h6,
form, li, p, input, select, legend,
textarea,fieldset {
margin: 0;
padding: 0;
}

body {
width: 100%;
position: relative;
font-size: 17px;
line-height: 1.7;
font-family: 'Montserrat', sans-serif;
color: #827a6b;
font-weight: 200;
}

body {
overflow-y: hidden;
/* background: url(images/background.jpeg); */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

/* */

#wrapper {
max-width: 100%;
overflow: hidden;
}

*,
*:hover,
*:focus,
*:active {
outline: none !important;
}

::-moz-selection {
background: #F1F1F1;
color: #8E754C; }

::selection {
background: #F1F1F1;
color: #8E754C;
}

/* =================

    IFRAME - LA MAISON DU DIGITAL

==================== */

.iframe-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 9999;
}

.iframe-container iframe {
width: 100%;
height: 100%;
border: none;
}

/* =================

    MAINTENANCE - LA MAISON DU DIGITAL

==================== */

#maintenance {
width: 100%;
height: 100vh;
text-align: center;
background: url(images/logotype.png);
background-size: 600px;
background-position: center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
}

#maintenance h1 {
margin-bottom: 40px;
text-transform: uppercase;
font-size: 20px;
color: #000;
}

#maintenance h1 br {
display: none;
}

@media (max-width: 991px) {
    #maintenance {
    background-size: 500px;
    }
    #maintenance h1 br {
    display: block;
    }
}
@media (max-width: 600px) {
    #maintenance {
    background-size: 300px;
    }
    #maintenance h1 {
    font-size: 17px;
    }
}