.how-works {
    height: 220vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color: #F6F6F6;
}
.works-text {
    width: 90%;
    height: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.works-text h3 {
    font-size: 240%;
    text-transform: uppercase;
}
.works-text p {
    font-size: 140%;
    text-transform: uppercase;
}
.works-groups-div {
    height: 70%;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.works-group {
    width: 100%;
    height: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.image-works {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image-works img {
    width: 100px;
}
.works-group p {
    font-size: 120%;
    text-align: center;
}
.image-works p {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #2A6AA1;
    font-size: 160%;
}

.button-works {
    width: 90%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-works button {
    width: 100%;
    height: 60%;
    background-color: #91BA39;
    color: #fff;
    border: none;
    border-radius: 36px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 120%;
}
@media (min-width: 840px) {
    .how-works {
        height: 140vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #F6F6F6;
    }
    .works-group {
        width: 40%;
        height: 40%;
        
    }
    .works-group p {
        font-size: 140%;
    }
    .image-works {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .image-works img {
        width: 100px;
    }
    .works-groups-div {
        flex-direction: row;
        height: 54%;
    }
    .button-works button {
        width: 40%;
        height: 80%;
    }
    
}