@media (max-width: 320px) {
    .text-title{
        font-size: 20px;
    }

    .text-content{
        font-size: 16px;
    }

    .benefits__list {
        max-width: 100%;
    }

    .construction {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    #description p {
        position: absolute;
        top: 28%;
        left: 0;
        right: 0;
        width: 60%;
        margin: auto;
    }
    .desktop {
        display: none;
    }
}
@media (min-width: 568px) {
    .text-title{
        font-size: 30px;
    }
    .text-content{
        font-size: 26px;
    }
    .benefits__image {
        right: -10%;
    }
    #description p {
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        width: 70%;
        margin: auto;
    }
}
@media (min-width: 768px) {
    .mobile {
        display: none;
    }
    .desktop {
        display: block;
    }

    #benefits {
        max-width: 1200px;
        margin: auto;
    }

    .footer {
        padding: 2rem;
    }

    .benefits__image{
        display: block;
        right: 0;
        width: 400px;
    }

    .footer__info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #description p {
        position: absolute;
        top: 50%;
        transform: translateY(-70%);
        left: 0;
        right: 0;
        width: 45%;
        margin: auto;
    }

    .construction {
        font-size: 56px;
    }

}

@media (min-width: 1200px) {
    .text-title{
        font-size: 34px;
    }

    .text-content{
        font-size: 30px;
    }

    .benefits__image{
        width: 500px;
    }
}