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

body { background-image: none; background: #1d1d1d; }
.logoheader { background: #1d1d1d; padding: 15px 0 5px 0; text-align: center; }
.logo { position: relative; width: 200px; top: 0; left: 0; right: 0; }
.card-decoration { display: none; }
.curtain {
    width: 100%;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 2px #999;
    background: #f9f9f9;
    color: #111;
    border-radius: unset;
}
#authform { width: 100%; }
#authform .field { margin-bottom: 14px; }
.white.fixed { display: none; }
.grey { background-color: #eee; }
.title { margin: 13px; font-size: 2.4rem; }
.expanded.white, .expanded.grey, .expanded.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; }

}