.about {
    padding: 0px;
    position: relative;
}

.parallax {
  background-image: url("../imgs/about.jpg");
}

    .colored_text {
        width: 90%;
        margin: 2rem 0;
    }
        .colored {
            width: 100% !important;
        }

        .colored p{
            font-size: 2rem;
            font-family: "Futura Extra Bold";
            padding: 1rem 0;
        }

        .colored:nth-of-type(even) p{
            text-align: right;
        }

        .colored:nth-of-type(odd) p {
            text-align: left;
        }

    .docs {
        width: 90vw;
        display: flex;
        flex-direction: column;
        align-items: center;        
        margin-top: 4rem;
        margin-bottom: 2rem;
    }
    
    .docs .text-section:nth-of-type(1)  {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        gap: 4px;
        margin-bottom: 4px;
    }

#bottom-left-svg {
    position: absolute;
    bottom: 10%;
    left: -2%;
    width: 50%;
    z-index: 1030;
}

.text-section {
    text-align: center;
    width: 90%;
}
  
      /* .text-section p,a{
        opacity: 1;
        font-size: 1.8rem;
        color: #fff;
      } */
  
    .text-section a {
        font-weight: bold;
    }

    .text-section .underline::after{
        bottom: -2px;
    }

.team, .content h1 {
    display: none;
}

#knowteam {
    z-index: 1040;
    margin-top: 5rem;
    margin-bottom: 7rem;
}

footer {
    z-index: 1020;
}

@media (min-width: 768px) {
    
    .content {
        padding: 60px 40px 0px 40px;
    }

    .content h1 {
        display: block;
        font-size: 3rem;
        font-weight: bolder;
        margin: 6rem 0 3rem 0;
    }

    .colored_text {
        margin: 5rem 0 2rem 0;
        padding: 0 8rem;
    }

    .colored_text p {
        font-size: 5rem;
        font-weight: bold;
        padding: 3rem 0;
    }

    .docs .text-section:nth-of-type(1) {
        flex-direction: row;
    }

    .docs {
        gap: 20px
    }

    .docs a {
        font-size: 3rem;
    }

    .team {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        gap: 30px;
    }
    
        .team .person {
            width: 30%;
        }

    #knowteam {
        display: none;
    }
}