/* Style mobile */
@media (orientation: portrait), (max-width: 900px) {

body { 
    font-size: 1rem;
    background-image: url("img/background-mobile.png");
    background-size: 100%;
    background-position: top;
}
.logoheader {
    font-size: 2.8rem;
    line-height: 2.6rem;
    margin: 2rem;
}
.card-decoration { display: none; }
.curtain {
    width: 100%;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 20px;
    background: #fcfceb;
    color: #111;
    border-radius: unset;
}

.top { right: 0 }
.corner, .right { display: none; }

#authform { width: 100%; }
#authform .field { margin-bottom: 14px; }
.white.fixed { display: none; }
.title { font-size: 2.4rem; }
.expanded.white, .expanded.grey, .expanded.purple { width: 100%; }
.large.white, .large.grey, .large.purple { width: 100%; }
.expanded .col-gauche { width: 38px; }
.expanded .col-droite { margin: 0; border-radius: 0; }
.expanded .main-content { padding: 0; }
.reduced .title { transform: none; margin: 13px; }

.content-button:hover span { display: none; }

.enigme-discussion.slided { width: 100%; }
.post-header { text-align: center; }
.post-header input[type='text'] { width: 90%; margin-bottom: 8px; display: inline-block; }
.post-header input[type='submit'] { width: 60%; margin-bottom: 8px; position: relative; display: inline-block; top: unset; right: unset; }
.post-header textarea { width: 90%; margin-bottom: 8px; display: inline-block; }

}