.flex {
    display: flex;
    text-align: -webkit-center;
}
@media only screen and (max-width: 1199px) {
    .simple-card {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 991px) {
    .header-button {
        margin-bottom: 10px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .simple-card h2 {
        font-size: 1.3em;
    }

    h2 span.img-card-logo {
        margin-top: 0px;
    }
    header h1 {
        font-size: 8em;
    }
    .card-image-div {
        height: 200px;
        margin-bottom: 15px;
        width: 100%;
    }
    .card-image-texte {
        width: 100%;
    }
    .flex {
        display: contents;
        text-align: -webkit-center;
    }
    .poll-custom {
        max-width: 100%;
    }
    .comment-generique {
        margin-top: 25px;
    }
    .simple-card.gold .img-card-logo {
        margin-top: -15px;
    }
    .add_comment {
        background-color: #f1c9d0;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 8px;
        z-index: 10;
        position: relative;
        float: unset;
        margin-top: 13px;
        left: -4px;
    }
    .oneComment.isSteven {
        border-radius: 10px 10px 10px 0px;
        background-color: #616595;
        float: unset;
        margin-bottom: 6px;
    }
    .oneComment {
        background-color: #8184a9;
        padding: 2px 0px 10px 16px;
        border-radius: 10px 10px 0px 10px;
        width: 100%;
        position: relative;
        display: block;
        left: -5px;
        top: 10px;
        max-width: 530px;
        float: unset;
        margin-bottom: 6px;
    }
    .apm-choosing .ays_label_poll {
        padding: 10px;
        padding-left: 20px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 18px;
        border: unset;
        box-shadow: 1px 1px 3px 0px !important;
        background-color: #ff9bac !important;
        font-weight: bold !important;
        color: white !important;
        transition: ease 0.5s;
        font-family: '5yearsoldfont';
        font-size: .5em !important;
        text-transform: uppercase !important;
        border-radius: 10px !important;
    }
}

@media only screen and (max-width: 552px) {
    h2 span.img-card-logo {
        top: 0px;
        position: relative;
    }
    .flex {
        display: contents;
        text-align: -webkit-center;
    }
    .card-image-div {
        height: 200px;
        margin-bottom: 15px;
    }
    .simple-card h2 {
        font-size: 1.1em;
    }
    .simple-card.gold .img-card-logo {
        top: -11px;
        position: relative;
        right: -17px;
    }
    .small-header-footer {
        left: -21px;
        position: relative;
    }
    .comment-generique::after {
        content: "+";
        float: right;
        font-family: 'Mousie';
        top: 5px;
        position: relative;
        background-color: #ff9895;
        border-radius: 5px;
        width: 20px;
        height: 20px;
        color: white;
        text-align: -webkit-center;
        text-align: center;
        padding-right: 0px;
        font-size: 26px;
        padding-top: 0px;
        z-index: 101;
        cursor: pointer;
        box-shadow: 0px 1px 4px 0px white;
        right: 8px;
        line-height: 1.26;
        font-weight: bold;
        top: 10px;
    }
}

@media only screen and (max-width: 417px) {
    h2 span.img-card-logo {
        top: -41px;
        position: relative;
        right: -17px;
    }
    .simple-card.gold .img-card-logo {
        top: -11px;
        position: relative;
        right: -17px;
    }
    .simple-card.gold .img-card-logo {
        top: -2px;
    }
}