/* TEXT -----------------------------------------------------------------------------------------------------*/
#text_info_container{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
}

.text{
    /* padding: 30px 40px 30px 40px; */
    padding: 5% 6% 5% 6%;
    font-size: clamp(1rem, 1vw, 3rem);
    font-family: "red_hat";
    font-variation-settings: "wght" 400;
    line-height: 1.4;
    background-color: white;
}

.text:last-of-type{
    padding-top: 0px;
    font-variation-settings: "wght" 150;
    line-height: 1.4;
}

@media screen and (max-width: 1200px) {
    .nav_header h1 p, #text_container h2, #text_container h3, #text_container .text{
        /* padding: 20px 30px; */
        padding: 5% 6% 5% 6%;
    }
}

@media screen and (max-width: 1100px) {
    #text_container, #image_container{
        width: 50%;
    }
}


/* MOBILE -----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
    .nav_header h1 p, #text_container h2, #text_container h3, #text_container .text{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #text_info_container{        
        border-bottom: var(--border);
    }

    .text{
        padding: 15px 15px !important;
        font-size: clamp(.95rem, 1.2vw, 3rem);
        line-height: 1.3;
    }

    .text:last-of-type{
        padding-top: 0px !important;
    }

    #text_container, #image_container{
        width: 100%;
    }
}