.team-content,
.platforms-content,
.reach-content  {
    grid-column: core;
    padding: 4rem 0;
} 


.about-us-section {
    background: var(--logo-color);
    color: white;
}


.about-us-content {
    grid-column: outer;   
    display: grid;
    /* grid-template-columns: auto 1fr; */
    margin: 0 0 17rem;
    .big-title, 
    .section-title {
        grid-column: 1 / -1;
    }
    .big-title {
       font-size: 3.2rem;
    }
    .section-title {
        margin-bottom: 2.5rem;
    }
    .company-logos {
        display: flex;
        justify-content: space-between;
    }
    .text-info {
        box-sizing: border-box;
        padding: 0;
        max-width: 100%;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;

        p {
            margin: 0 0 1.25rem;
        }
        .highlight, a {
            font: 800 1.2rem 'Manrope', sans-serif;
            color: inherit;
            text-decoration: none;
        }  
    }
}



section.team-section {
    grid-column: outer !important;
    position: relative;
    z-index: 10;
    margin-top: -6.5rem;
    background: #fff;
    color: #707070;
    border-radius: 10px;
}


.team-content {
    display: grid;
    gap: 1.25rem 0;
    h2, h3 {
        color: var(--logo-color);
        grid-column: 1 / -1;
        margin: 0;
    }
    .subsection-title {
        /* margin-top: 1.75rem; */
    }
    p {
        grid-column: 1 / -1;
        margin: 0 0 1.5rem;
        font: 700 .9rem 'Manrope', sans-serif;
    }
}

.person {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    margin-bottom: 1.5rem;

    .person-photo {
        width: 8.5rem;
        height: 8.5rem;
        border-radius: .5rem;
        object-fit: cover;
        /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), -7px 7px 0 #99B4DC; */
    }
    .person-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        .person-name {
            font: 800 1.2rem 'Manrope', sans-serif;
            margin: 0 0 0.25rem;
            color: var(--secondary-color);
        }
        .person-role {
            font: 500 .9rem 'Manrope', sans-serif;
            margin: 0;
        }
    }
}



section.platforms-section {
    margin-top: -6.5rem;
    background: var(--theme-gradient);
    color: white;
}

.platforms-content {
    display: grid;
    padding: 11rem 0 3rem;
    
    .platforms-video {
        border-radius: 10px;
        max-width: min(774px, 100%);
        aspect-ratio: 1.777778;
    }
    .platforms-text {
        p {
            margin: 0 0 1.5rem;
        }
        a {
            color: #00BFFF;
            font-weight: 500;
            text-decoration: none;
        }
    }
}


.reach-section {

}

.reach-content {
    max-width: min(35rem, 100%);
    margin: auto;
}

@media only screen and (max-width: 799.999px) {

    .about-us-content {
        grid-column: core;
        grid-template-columns: 1fr;
        margin: 2.5rem 0 6rem;
        .company-logos {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
            .company-logo {
                &.ni-logo {
                    width: 3.9rem;
                    height: 2rem;
                }
                &.nova-logo {
                    height: 1.55rem;
                }
                &.um-logo {
                    height: 2.5rem;
                }
            }
        }
        .text-info {
        }
    }

    section.team-section {
        margin: -4.5rem var(--inner-bezel) 0;
        padding: 2rem 0 1rem;
    }

    .team-content {
        padding: 0 var(--inner-bezel);
    }

    section.platforms-section {
        background: linear-gradient(0deg, var(--primary-color) 0.11%, var(--secondary-color) 99%);
    }

    .platforms-content {
        padding-top: 9rem;;
        gap: 1.5rem;
    }
}



/* 600 --- 1400 */
@media screen and (min-width:800px) and (max-width:1399.99px){
    .about-us-content {
        grid-template-columns: 1fr;
        padding:  0 0 4rem;
        margin: 2.5rem 0 6rem;
        gap: 0 4rem;
        .company-logos {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-bottom: 2rem;
        }
        .text-info {
            gap: 1rem;
            max-height: 28rem;
            p {
                width: 45%;
                margin: 0 0 1rem;
            }
        }
    }

    .team-content {
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        padding-bottom: 1rem;
        p {
            width: 50%;
        }
   }

    .platforms-content {
        padding-top: 9rem;
        gap: 1.75rem;
    }

    
}


/* 1400 to 1800 */
@media only screen and (min-width: 1400px) and (max-width:1799.99px){
    .about-us-content {
        grid-template-columns: auto 1fr;
        padding: 4rem 0 0 ;
        margin-bottom: 11rem;
        gap: 0 6rem;
        .company-logos {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .text-info {
            gap: 1rem;
            max-height: 25rem;
            p {
                width: 45%;
                margin: 0;
            }
        }
   }

   .team-content {
        grid-template-columns: repeat(2, 1fr);
        p {
            width: 50%;
        }
   }

   .platforms-content {
        grid-template-columns: auto 1fr;
        padding: 10rem 0 3rem;
        gap: 1rem 2.5rem    ;
        
        .platforms-video {
            grid-column: 1 / span 1;
            grid-row: 1 / span 2;
            max-width: 600px;
        }
        .platforms-text {}
    }

    .reach-content { text-align: center;} 
}


/* 1800 and larger */
@media only screen and (min-width: 1800px){
    .about-us-content {
        padding: 4rem 0;
        grid-template-columns: auto 1fr;
        gap: 0 6rem;
        .company-logos {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .text-info {
            gap: 1rem;
            max-height: 25rem;
            p {
                width: 45%;
                margin: 0;
            }
        }
   }

   .team-content {
        grid-template-columns: repeat(2, 1fr);
        p {
            width: 50%;
        }
   }

   .platforms-content {
        display: grid;
        grid-template-columns: auto 1fr;
        padding: 11rem 0;
        gap: 1rem 3.5rem    ;
        
        .section-title {

        }
        .platforms-video {
            border-radius: 10px;
            grid-column: 1 / span 1;
            max-width: 774px;
        }
        .platforms-text { }
    }

    .reach-content { text-align: center;} 

}