#background{
    background-image: url('image_20.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
    /*position:fixed;*/
    
}
@font-face {
    font-family: CorbelBoldItalic;
    src: url(./Assets/fonts/CorbelBoldItalic.ttf);
  }
  @font-face {
    font-family: CorbelBold;
    src: url(./Assets/fonts/corbeli.ttf);
  }
.teamContainer{
    display: flex;   
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;

}
 p.letrasR {
    color:#ca2d78;
    font-weight: 800;
    font-size:16px;
}

h4.letrasR {
    font-weight: 800;
    font-size:16px;
}

.fatherBox{
    background-color: #ca2d78;
    
    border-radius: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    width:205px;
    height: 205px;
    margin-left: 28.75px;
    
}

/* .childBox{
    height: 98%;
    width: 98%;
    position: relative;    
} */

.headerWhiteCorbel{
    color:#fff; 
    font-family: CorbelBoldItalic;
    font-size: 80px;
    line-height: 1 !important;
}

.headerPurpleCorbel{
    color:#ca2d78 !important; 
    font-family: CorbelBoldItalic;
    font-size: 80px;
    line-height: 1 !important;
}


.childBox > p{
position:relative;
top: 100%
}

.VertexColor{
    color:#EA297B !important;
}


/*.zoom{
    transition:0.5s;
}
.zoom:hover{
    transform:scale(1.3);
}*/

.fondo2{
    background-color:white;
}

.upper{
    text-transform: uppercase;
}

.fondo3{
    background-color:white;
}


.imgdesktop{
    /*background-image: url('images/vertex/00Isotipo_VertexStudio_Version2_4.png');*/
    background-image: url('images/vertex/isologo-min.png');
    background-repeat: no-repeat;
    background-position: center center;
    /*width: 50%;
    height:50%;
    
    position:  relative !important;
    background-size: contain;
    margin :  0% !important;
    display: inline-block;
    max-width: 200px;
    max-height: 200px;*/
}

.img1{
    width: 50% !important;
    height: 100% !important;
    top: 25% !important;
      
     float :right !important;
     
  }

  .Banner{
    background-color: #eee !important;
  }

  .background{
    background-color: #1b191d ;
  }

  .imgVertex{
    width: 30%;
}
.imgArrow{
    width: 5%;
}
.txtBn{
    font-size: 20px;
}


  @media (max-width: 1000px){
      .imgVertex{
        width: 70%;
      }
      .imgArrow{
        width: 15%;
      }


  }

  @media only screen and (max-width: 800px) {
    .posicion{
        position: relative !important;
    }
    
    .fatherBox{
        background-color: #ca2d78;
        
        border-radius: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1;
        width:150px;
        height: 150px;
        margin-left: 5px;
        
    }
    
    .childBox{
        height: 98%;
        width: 98%;
        position: relative;    
    }
  }