@media screen and (min-width: 320px) {
    .class-desktop-corpo-tecnico {
        display: none;
    }

    .class-mobile-corpo-tecnico {
        display: block;
    }

    .title-mobile-corpo-tecnico {
        font-size: 30px;
    }

    .title-mobile-profissionais {
        padding-top: 5%;
        margin: 0 3% 0 3%;
    }

    .div-mobile-corpo-tecnico {
        margin: 5% 0 0 0;
        padding: 0 0 0 3%;
        border-left: 1px solid #EFEAE4;
        position: relative;
    }

    .div-mobile-corpo-tecnico p {
        margin: 0;
        font-size: 12px;
        font-weight: 200;
    }

    .title-mobile-soft-skills {
        padding-top: 5%;
        margin: 0 3% 0 3%;
    }
    .div-mobile-soft-skills {
        margin: 5% 0 0 0;
        padding: 0 0 0 3%;
        border-left: 1px solid #EFEAE4;
    }
    .div-mobile-soft-skills p {
        margin: 0;
        font-size: 12px;
        font-weight: 200;
    }

    #video-background-corpo-tecnico-mobile {
        width: 100%;
        height: 650px;
        object-fit: cover;

    }
    .icons-mobile-hard-skill {
        margin: 0 2% 0 2%;
        width: 18%;
        height: auto;

    }
    .icons-mobile-hard-skill-2 {
        margin: 0 2% 0 2%;
        width: 15%;
        height:5%;
       
    }
    .icons-mobile-hard-skill-figma {
        margin: 0 2% 0 2%;
        width: 10%;
        height:5%;
       
    }
    .icons-mobile-hard-skill-kanban {
        margin: 0 2% 0 2%;
        width: 13%;
        height:5%;
       
    }
    .icons-mobile-hard-skill-3 {
        margin: 0 2% 0 2%;
        width: 20%;
        height: 5%;
    
    }
    .div-mobile-icons{
        background-color: rgba(255, 255, 255, 0.4);
    }
  


}

@media screen and (min-width: 576px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 992px) {

    .class-desktop-corpo-tecnico {
        display: none;
    }

    .class-mobile-corpo-tecnico {
        display: block;
    }

    .title-mobile-corpo-tecnico {
        font-size: 30px;
    }

    .title-mobile-profissionais {
        padding-top: 5%;
        margin: 0 3% 0 3%;
    }

    .div-mobile-corpo-tecnico {
        margin: 5% 0 0 0;
        padding: 0 0 0 3%;
        border-left: 1px solid #EFEAE4;
        position: relative;
    }

    .div-mobile-corpo-tecnico p {
        margin: 0;
        font-size: 12px;
        font-weight: 200;
    }

    .title-mobile-soft-skills {
        padding-top: 5%;
        margin: 5% 3% 0 3%;
    }
    .div-mobile-soft-skills {
        margin: 5% 0 0 0;
        padding: 0 0 0 3%;
        border-left: 1px solid #EFEAE4;
    }
    .div-mobile-soft-skills p {
        margin: 0;
        font-size: 12px;
        font-weight: 200;
    }

    #video-background-corpo-tecnico-mobile {
        width: 100%;
        height: 800px;
        object-fit: cover;

    }
    .icons-mobile-hard-skill {
        margin: 0 2% 0 2%;
        width: 18%;
        height: auto;

    }
    .icons-mobile-hard-skill-2 {
        margin: 0 2% 0 2%;
        width: 15%;
        height:5%;
       
    }
    .icons-mobile-hard-skill-figma {
        margin: 0 2% 0 2%;
        width: 10%;
        height:5%;
       
    }
    .icons-mobile-hard-skill-3 {
        margin: 0 2% 0 2%;
        width: 15;
        height: 5%;
    
    }
    .div-mobile-icons{
        background-color: rgba(255, 255, 255, 0.4);
    }
  
}

@media screen and (min-width: 1200px) {
    .class-desktop-corpo-tecnico {
        display: block;
    }

    .class-mobile-corpo-tecnico {
        display: none;
    }

    .div-corpo-tecnico {
        margin-top: 15%;
        position: relative;
    }

    .div-corpo-tecnico-2 {
        padding: 5% 0 5% 0;

    }
    .div-corpo-tecnico-3{
        margin: 0 2% 0 0;
    }

    #video-background-corpo-tecnico {
        width: 100%;
        height: 800px;
        object-fit: cover;

    }

    .div-title-prof {
        margin: 0 18% 0 0;
    }

    .div-title-soft {
        margin: 0 10% 0 0;
        white-space: nowrap;
    }

    .font-corpo-tecnico {
        font-size: 40px;
    
    }

    .div-training {
        border-left: 1px solid #EFEAE4;
        padding-left: 1%;
    }

    .div-training p {
        margin: 0 0 1% 2%;
        font-weight: 200;
        font-size: 15px;

    }

    .div-skills p {
        margin: 0 0 0 0;
        padding-left: 3%;
        border-left: 1px solid #EFEAE4;
        font-weight: 200;
        font-size: 15px;
    }

    .div-images-corpo-tecnico {

        padding: 2% 0 2% 0;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .title-hard-skills {
        margin-bottom: 2%;
        border-bottom: 1px solid white;
    }

    .icons-hard-skill {
        margin: 0 2% 0 2%;
        width: 20%;
        height: auto;

    }

    .icons-hard-skill-2 {
        margin: 0 2% 0 2%;
        width: 15%;
        height: auto;
    }

    .icons-hard-skill-3 {
        margin: 0 2% 0 2%;
        width: 13%;
        height: auto;
    }

    .title-corpo-tecnico {
        font-size: 70px;
    }
}

@media screen and (min-width: 1364px) {
    .class-desktop-corpo-tecnico {
        display: block;
    }

    .class-mobile-corpo-tecnico {
        display: none;
    }

    .div-corpo-tecnico {

        margin-top: 15%;
        position: relative;
    }

    .div-corpo-tecnico-2 {
        padding: 5% 0 5% 0;

    }

    #video-background-corpo-tecnico {
        width: 100%;
        height: 800px;
        object-fit: cover;

    }

    .div-title-prof {
        margin: 0 10% 0 0;
    }

    .div-title-soft {
        margin: 0 10% 0 0;
        white-space: nowrap;
    }

    .font-corpo-tecnico {
        font-size: 35px;

    }

    .div-training {
        border-left: 1px solid #EFEAE4;
        padding-left: 1%;
    }

    .div-training p {
        margin: 0 0 1% 2%;
        font-weight: 200;
        font-size: 17px;

    }

    .div-skills p {
        margin: 0 0 0 0;
        padding-left: 3%;
        border-left: 1px solid #EFEAE4;
        font-weight: 200;
        font-size: 17px;
    }

    .div-images-corpo-tecnico {

        padding: 2% 0 2% 0;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .title-hard-skills {
        margin-bottom: 2%;
        border-bottom: 1px solid white;
    }

    .icons-hard-skill {
        margin: 0 2% 0 2%;
        width: 20%;
        height: auto;

    }

    .icons-hard-skill-2 {
        margin: 0 2% 0 2%;
        width: 15%;
        height: auto;
    }

    .icons-hard-skill-3 {
        margin: 0 2% 0 2%;
        width: 13%;
        height: auto;
    }

    .title-corpo-tecnico {
        font-size: 70px;
    }
}

@media screen and (min-width: 1600px) {
    .class-desktop-corpo-tecnico {
        display: block;
    }

    .class-mobile-corpo-tecnico {
        display: none;
    }

    .div-corpo-tecnico {

        margin-top: 15%;
        position: relative;
    }

    .div-corpo-tecnico-2 {
        padding: 5% 0 5% 0;

    }

    #video-background-corpo-tecnico {
        width: 100%;
        height: 800px;
        object-fit: cover;

    }

    .div-training {
        border-left: 1px solid #EFEAE4;
        ;
        padding-left: 1%;
    }

    .div-training p {
        margin: 0 0 1% 2%;
        font-weight: 200;
        font-size: 17px;

    }

    .font-corpo-tecnico {
        font-size: 45px;
    }


    .div-skills p {
        margin: 0 0 0 0;
        padding-left: 3%;
        border-left: 1px solid #EFEAE4;
        font-weight: 200;
        font-size: 17px;
    }

    .div-images-corpo-tecnico {

        padding: 2% 0 2% 0;
        background-color: rgba(255, 255, 255, 0.4);


    }

    .title-hard-skills {
        margin-bottom: 2%;
        border-bottom: 1px solid white;
    }

    .icons-hard-skill {
        margin: 0 2% 0 2%;
        width: 20%;
        height: auto;

    }

    .icons-hard-skill-2 {
        margin: 0 2% 0 2%;
        width: 15%;
        height: auto;
    }

    .icons-hard-skill-3 {
        margin: 0 2% 0 2%;
        width: 13%;
        height: auto;
    }

    .title-corpo-tecnico {
        font-size: 70px;
    }
}