@media all and (min-width: 485px) {
    #el-header .el-top h1 {
        font-size: 1.5rem;
    }

    .el-motif {
        width: 270px;
    }

    #el-header .el-middle .el-content h2 {
        font-size: 3.5rem;
    }

    #el-header .el-middle .el-content button {
        font-size: .75rem;
    }

    #el-footer-page .el-btn-controls button {
        font-size: 1rem;
    }
}

@media all and (min-width: 575px) {
    #el-header .el-top h1 {
        font-size: 2rem;
    }

    #el-header .el-top p.el-light {
        font-size: 1.3rem;
    }

    #el-header .el-top p.el-short {
        font-size: .51rem;
    }

    #el-header .el-middle .el-content h2 {
        font-size: 4.5rem;
        line-height: 5rem;
    }

    #el-header .el-middle .el-content h3 {
        font-size: 2rem;
    }

    main#el-main-page {
        padding-top: 2rem;
    }

    .el-motif {
        width: 320px;
    }

    #el-header .el-middle .el-circle {
        width: 33px;
    }

    .el-article-resultat .el-content {
        font-size: 1.5rem;
    }
}

@media all and (min-width: 768px) {
    #el-header .el-top h1 {
        font-size: 2.5rem;
    }

    #el-header .el-top p.el-light {
        font-size: 1.7rem;
    }

    #el-header .el-top p.el-short {
        font-size: .71rem;
    }

    #el-header .el-middle {
        height: 350px;
    }

    main#el-main-page {
        padding-top: 5rem;
    }

    #el-grid-resultat {
        grid-template-columns: repeat(2, 1fr);
    }

    .el-article-resultat .el-content {
        font-size: 1rem;
    }

    #el-footer-page .el-btn-controls {
        grid-template-columns: repeat(2, 274px);
        margin: auto;
    }
}

@media all and (min-width: 992px) {
    .el-motif {
        width: 390px;
    }

    #el-header .el-middle .el-content h2 {
        font-size: 5.5rem;
    }

    #el-header .el-middle .el-content h3 {
        font-size: 2.5rem;
    }

    #el-header .el-middle .el-content button {
        font-size: .85rem;
    }

    #el-header .el-middle .el-content {
        top: 60%;
    }

    main#el-main-page {
        padding-top: 7rem;
    }

    .el-card-question .el-question {
        font-size: 1.5rem;
    }

    .el-caracteristique span {
        font-size: .85rem;
    }

    .el-content-area {
        padding: 1rem 2rem;
    }

    #el-header .el-top {
        padding: 0 2rem .5rem;
    }

    #el-header .el-top h1 {
        padding-top: 1.5rem;
    }
}

@media all and (min-width: 1200px) {
    #el-header .el-middle {
        height: 425px;
    }

    main#el-main-page {
        padding-top: 10rem;
    }

    #el-header .el-top h1 {
        font-size: 3.5rem;
    }

    #el-header .el-top p.el-light {
        font-size: 2.5rem;
    }

    #el-header .el-top p.el-short {
        font-size: .81rem;
    }

    #el-header .el-top {
        gap: .25rem;
    }

    .el-motif {
        width: 560px;
    }

    #el-header .el-middle .el-content h2 {
        font-size: 6.7rem;
        line-height: 8rem;
    }

    #el-header .el-middle .el-content {
        top: 50%;
    }

    main#el-main-page {
        padding-top: 16rem;
    }

    #el-header .el-middle .el-container-starts img {
        width: 53px;
    }

    #el-header .el-middle .el-container-starts img:nth-child(3) {
        width: 73px;
    }

    #el-header .el-middle .el-container-starts {
        bottom: -37px;
        gap: .25rem;
    }

    #el-header .el-middle .el-circle {
        width: 50px;
    }

    #el-header .el-top {
        padding: 0 3rem .5rem;
    }

    .el-caracteristique span {
        font-size: .95rem;
    }

    #el-header .el-middle .el-content button {
        font-size: 1.5rem;
    }

    #el-grid-resultat {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media all and (min-width: 1366px) {}

@media all and (min-width: 1400px) {
    #el-header .el-middle .el-content h2 {
        font-size: 8.7rem;
        line-height: 11rem;
    }

    #el-header .el-middle .el-content h3 {
        font-size: 3.5rem;
    }

    #el-header .el-middle {
        height: 450px;
    }

    main#el-main-page {
        padding-top: 18rem;
    }
}

@media all and (min-width: 1600px) {}