@media (max-width: 767px) {
    body {
        font-size: 25px;
    }

    .logo {
        width: 35%;
    }
    
    h1 {
        margin-bottom: 60px;
    }

    .header-text :nth-child(1),
    .header-text :nth-child(2),
    .header-text :nth-child(3),
    .socials,
    footer {
        display: none;
    }

    .header-text :nth-child(4) {
        font-size: 30px;
    }

    h1,
    h2 {
        font-size: 40px;
        line-height: 40px;
    }
    
    header,
    .general,
    .chooseurdestiny,
    .faq {
        margin-bottom: 55px;
    }
    .reviews {
        margin-bottom: 105px;
    }
    
    .mobile-footer {
        display: flex;
        background: #FDFDFD;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
        justify-content: space-between;
        position: fixed;
        width: 100%;
        bottom: 0px;
    }
    .mobile-footer a {
        border-width: 0px 1px;
        border-style: solid;
        border-color: #e6e6e6;
        width: 25%;
        display: flex;
        justify-content: center;
    }
    .mobile-footer img {
        margin: 15px 0px;
    }

    .vehicle-to-evacuate p,
    .vehicle-to-evacuate button {
        font-size: 17px;
    }
}

@media (max-width: 670px) {
    body {
        font-size: 21px;
    }

    .general p {
        margin: 5px 0px;
        line-height: 18px;
    }

    .general img {
        width: 20px;
    }

    .header-text :nth-child(4) {
        font-size: 25px;
    }

    .vehicle-to-evacuate {
        width: 95%;
        margin: auto;
    }

    .vehicle-to-evacuate img {
        width: 80%;
    }

    .vehicle-to-evacuate p {
        font-size: 30px;
    }

    .form-text {
        width: 100%;
    }

    .general button,
    .form-text button {
        font-size: 24px;
        padding: 10px 0px;
        width: 100%;
    }

    .modal-content {
        width: 80%;
    }
    .modal_frame {
        height: 100vh;
        width: 100%;
        background-color: none;
    }
}

@media (max-width: 510px) {
    .header-text :nth-child(4) {
        font-size: 17px;
    }

    body {
        font-size: 18px;
    }
    
    h1,
    h2 {
        font-size: 26px;
        line-height: 26px;
    }

    .vehicle-to-evacuate p,
    .vehicle-to-evacuate button {
        font-size: 20px;
    }

    .slideshow-container {
        width: 70%;
    }
    
    header,
    .general,
    .chooseurdestiny,
    .faq {
        margin-bottom: 50px;
    }
    
    .prev img,
    .next img {
        width: 35px;
    }

    .prev {
        left: -55px;
    }
    .next {
        right: -55px;
    }

    header > div,
    main,
    footer > div {
    width: 95%;
    margin: auto;
    }

    .accordion p {
        font-size: 18px;
    }
}