@media (max-width: 900px) {
    html, body {
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* GLOBAL */
    body {
        font-size: 14px;
    }

    .width_limiter {
        padding: 0 16px;
        width: 100%;
    }

    button, .primary-button {
        width: 100%;
    }

    /* HEADER */
    .header__container {
        padding: 20px 20px;
        height: auto;
        flex-direction: column;
        margin: 0 auto;
        gap: 20px;
    }
    
    .navigation_list {
        display: grid;
        grid-template-columns: auto auto;
        justify-items: center;
        gap: 10px;
    }

    .navigation_list li{
        padding: 0 30px;
    }

    /* WELCOME */
    .welcome__info {
        padding: 40px 20px;
    }

    .welcome__info h1 {
        font-size: 40px;
    }

    .welcome__buttons_container {
        flex-direction: column;
        gap: 12px;
        
    }

    .welcome__buttons_container button {
        justify-content: center;
    }
    

    /* OFFERS */
    .offers {
        height: auto;
        padding: 20px;
    }

    .offers__info{
        width: 100%;
    }

    .offers__container {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }

    .offer__description{
        width: 80%;
    }

    .offer__photo{
        max-width: 100%;
        width: 100%;
        height: auto;
        flex: 1;
        display: flex;
    }

    .offer__photo img{
        width: 100%;
        max-height: 300px;
        object-fit: cover;
    }

    /* GUIDES */
    .guide__header{
        padding: 20px;
        height: 100%;
    }
    
    .guide__header h1{
        font-size: 2em;
    }

    .guides__list{
        padding: 0px;
    }

    .guides__list__container {
        grid-template-columns: 1fr;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .guide__item{
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 0 auto;
    }

    .guide__photo {
        height: auto;
    }

    .guides__more__container{
        padding-bottom: 20px;
    }

    /* CONTACT FORM */
    .contact__form {
        padding: 40px 20px;
        height: auto;
    }

    .contact__form__wrapper form {
        width: 100%;
        height: auto;
        padding: 24px;
    }

    .contact__form__top__inputs {
        flex-direction: column;
        gap: 16px;
    }

    .contact__form__submit__button{
        width: 100%;
        padding: 12px;
        justify-content: center;
    }

    /* FOOTER */
    footer {
        padding: 20px;
    }

    .website__info {
        width: 100%;
        font-size: 12px;
    }
}

/* Smaller screens (phones) */
@media (max-width: 480px) {
    a, p, label{
        font-size: 4vw !important;
    }

    h1, h2, h3, h4, h5, h6{
        font-size: 6vw !important;
    }

    .navigation_list li{
        padding: 0;
        text-align: center;
    }

    .upper__text{
        width: 100%;
        font-size: 4vw;
    }


    button, .primary-button {
        width: 100%;
    }
}