.container-start {
}

.start-img-container-cares {
    background-color: var(--cares-green-lighter);
}

.start-img-container-cares img {
    width: 20%
}

.container-start-content {
    padding-left: 5rem;
    padding-right: 5rem;
}

.start-title {
    color: var(--cares-green-light);
    font-weight: bolder
}

.start-button-content {
    margin-top: 3rem;
}

.button-start {
    padding: .75rem 5rem;
    width: 50%;
    max-width: 50%;
    box-shadow : 4px 4px rgba(220, 220, 220, 0.8) !important;
}

.start-img-container-bottom img {
    width: 80%
}

/**
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */

/* MD */
@media screen and (max-width: 992px) {

    .start-img-container-cares img {
        width: 30%
    }
    .container-start-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .start-button-content {
        margin-top: 1.5rem;
    }

    .button-start {
        padding: .5rem 5rem;
        width: 100%;
        max-width: 100%;
        box-shadow : 4px 4px rgba(220, 220, 220, 0.8) !important;

    }

    .start-img-container-bottom img {
        width: 50%
    }
}

/**
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */
/* COLS */
@media screen and (max-width: 576px) {
    .start-img-container-cares img {
        width: 50%
    }
}