/* Responsive Design */
@media (max-width: 450px) {


    .title {
        font-size: 40px;
    }

    .sub-title {
        font-size: 36px;
    }

    .text {
        font-size: 20px;
    }

    .header-content{
        justify-content: space-around;
    }


    .banner-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .banner-text-container {
        width: fit-content;
        align-items: center;
    }

    .banner-image-container img {
        width: 100vw;
    }

    .vision-container {
        height: fit-content;
        padding: 80px 0;
    }

    .vision-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .vision-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .vision-description {
        border-left: none;
        margin-top: 20px;
    }

    /*  */
    .values-container {
        padding: 80px 0;
    }

    .values-content {
        width: 100vw;
        height: fit-content;
    }

    .values-title {
        text-align: center;
        padding: 10px;
    }

    .values-item-title{
        text-align: center;
    }

    .values-description {
        text-align: center;
    }

    .values-content-row {
        display: flex;
        flex-direction: column;
    }

    .values-item-image {
        width: 250px;
        height: auto;
    }
    
    .values-item-description{
        padding: 10px;
    }

    /*  */

    .contact-content-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-image {
        max-width: 80%;
    }

    .contact-content {
        align-items: center;
    }

    .contact-form {
        width: 90%;
    }

    .footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-column {
        align-items: center;
        padding: 10px 0;
    }
}