.about-head {
    text-align: center;
    font-size: 32px;
    color: #318cdd;
    /* margin-top: 5%; */
}

.about-wrapper {
    /* background-image: url(/assets/images/ufr_website_mockup-about_us-body-1920x1915.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; */
}

.about-title {
    color: #65707e;
    font-size: 48px;
    text-align: center;
    margin: 2% 15%;
}

.about-content {
    color: #65707e;
    text-align: center;
    margin: 2% 15%;
}


.bar {
    background-color: #65707e;
}

.body-img {
    z-index: -1;
    margin-top: -55%;
    position: relative;
}

.desk-img {
    margin-top: -55%;
    z-index: -1;
    position: relative;
    width: 100%;
}

.mobile-img {
    display: none;
}

.tablet-img {
    display: none;
}

.nav-logo {
    display: none;
}

.nav-logo-2 {
    display: block;
    margin-left: 4%;
}

.logo-click-1 {
    display: none;
  }

  .logo-click-2 {
    display: block;
  }

/* .nav-link {
    color: #65707e;
} */

@media (min-width:1029px) {
    .nav-link{
        color: #65707e;
    }

}

@media(max-width:1500px){
    
}

@media(max-width:1400px){
    
}

@media(max-width:1200px){
    
    

    .about-head {
        font-size: 28px;
    }

    .about-title {
        font-size: 32px;
    }

    .join-content {
        font-size: 28px;
    }

    /* .tablet-img {
        display: block;
        width: 100%;
       } */

       
    
}

@media (max-width:1100px) {
    .desk-img {
        display: none;
    }
}

@media (max-width: 1098px){
    .tablet-img {
        display: block;
        position: relative;
        width: 100%;
        margin-top: -65%;
        z-index: -1;
    }
}

@media(max-width:800px){
   .about-content {
    margin: 2% 8%;
   }

   

 
}

@media (max-width:601px){
    /* .tablet-img {
        display: none;
    } */
}

@media (max-width:600px){
    /* .mobile-img {
        display: block;
        position: relative;
        width: 100%;
        margin-top: -155%;
        z-index: -1;
    } */

    .nav-logo-2 {
        margin-left: 8%;
        width: 220px;
    }
}

@media(max-width:500px){
    
}