@media all and (min-device-width: 770px) and (max-device-width: 820px), (min-width: 770px) and (max-width: 820px) {
    .home h1, #fourthStep .text, #fifthStep .title {
        font-size: 1.5rem;
    }
}

@media all and (min-device-width: 640px) and (max-width: 769px), (min-width: 640px) and (max-width: 769px)  {
    .home h1, #fourthStep .text, #fifthStep .title {
        font-size: 1.3rem;
    }

    .home h2 {
        font-size: 1.2rem;
    }

    #firstStep .scenario span {
        font-size: 1.3rem;
    }

    #firstStep .scenario h3 {
        font-size: 1.1rem;
    }

    .contact {
        min-height: 600px;
    }
}

@media all and (min-device-width: 578px) and (max-width: 639px), (min-width: 578px) and (max-width: 639px)  {
    .home h1, #fourthStep .text, #fifthStep .title {
        font-size: 1.2rem;
    }

    .home h2 {
        font-size: 1.2rem;
    }

    #firstStep .scenario h3, #firstStep .scenario span {
        font-size: 1.1rem;
    }

}

@media all and (max-width: 577px) {
    .home h1, #fourthStep .text, #fifthStep .title {
        font-size: 1.1rem;
    }

    .home h2 {
        font-size: 1.2rem;
    }

    #firstStep .scenario span {
        font-size: 1.1rem;
    }

    #firstStep .scenario h3 {
        font-size: 1.1rem;
    }

    .contact {
        min-height: 760px;
    }

    .footer-link {
        font-size: 1rem ;
    }
}

@media all and (max-device-width: 480px), (max-width: 480px) {
    .contact {
        min-height: 730px;
    }
}