/* SM - ≥ 576px */
@media (min-width: 576px) {
    .text-section .text,.text-section .title {
        width: 450px;
        max-width: 80%;
    }
    #section-one #text {
        width: 450px;
        max-width: 80%;
        box-sizing: border-box;
        padding: 24px
    }
    #team-section-content {
        width: 450px;
        max-width: 80%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 28px 28px
    }

    #landing-text #bottom {
        font-size: 30px;
    }

    #landing-text #bottom{
        width: 60%;
    }
}
  
/* MD - ≥ 768px */
@media (min-width: 768px) {
    .text-section .text,.text-section .title {
        width: 560px;
        max-width: 80%;
    }
    #section-one #text {
        width: 560px;
        max-width: 80%;
        box-sizing: border-box;
        padding: 24px
    }
    #team-section-content {
        width: 560px;
        max-width: 80%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 28px 28px
    }

    #team-section-content .member {
        width: 198px;
        height: fit-content;
        flex-direction: column;
        padding: 16px;
        background-color: #f5f5f5;
        border-radius: 8px
    }

    #landing-text #bottom {
        font-size: 30px;
    }

    #landing-text #bottom{
        width: 80%;
    }
}
  
/* LG - ≥ 992px */
@media (min-width: 992px) {
    .text-section .text,.text-section .title {
        width: 560px;
        max-width: 80%;
    }
    #section-one #text {
        width: 560px;
        max-width: 80%;
        box-sizing: border-box;
        padding: 24px
    }
    #team-section-content {
        width: 560px;
        max-width: 80%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 28px 28px
    }

    #team-section-content .member {
        width: 198px;
        height: fit-content;
        flex-direction: column;
        padding: 16px;
        background-color: #f5f5f5;
        border-radius: 8px
    }

    #landing-text #bottom {
        font-size: 30px;
    }

    #landing-text #bottom{
        width: 80%;
    }
}
  
/* XL - ≥ 1200px */
@media (min-width: 1200px) {
    .text-section .text,.text-section .title {
        width: 560px;
        max-width: 80%;
    }
    #section-one #text {
        width: 560px;
        max-width: 80%;
        box-sizing: border-box;
        padding: 24px
    }
    #team-section-content {
        width: 800px;
        max-width: 80%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 28px 28px
    }

    #team-section-content .member {
        width: 198px;
        height: fit-content;
        flex-direction: column;
        padding: 16px;
        background-color: #f5f5f5;
        border-radius: 8px
    }

    #landing-text #bottom {
        font-size: 30px;
    }

    #landing-text #bottom{
        width: 80%;
    }

    #landing-container #background {
        height: 56svh !important;
        min-height: 264px !important
    }

    #landing-content {
        height: calc(56svh - 64px);
        min-height: 200px!important;
        flex-direction: column;
        gap: 64px;
        justify-content: center
    }
}
  
/* XXL - ≥ 1400px */
@media (min-width: 1400px) {

}