*{

  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;


}

body{

  background: #000;


}

/*fuentes*/

@font-face {
    
  font-family: "montserrat-bold";
  src: url("/Fonts/Montserrat-Bold.otf") format('woff');
 
}
@font-face {
    
  font-family: "montserrat-medium";
  src: url("/Fonts/Montserrat-Medium.otf") format('woff');
 
}
@font-face {
    
  font-family: "poppins-black";
  src: url("/Fonts/Poppins-Black.otf") format('woff');
 
}

@font-face {
    
  font-family: "poppins-bold";
  src: url("/Fonts/Poppins-Bold.otf") format('woff');
 
}

@font-face {
    
  font-family: "poppins-light";
  src: url("/Fonts/Poppins-Light.otf") format('woff');
 
}

@font-face {
    
  font-family: "poppins-medium";
  src: url("/Fonts/Poppins-Medium.otf") format('woff');
 
}


.section-conocenos{

  position: relative;
  width: 100%;
}


.section-staff{

  width: 100%;
  text-align: center;

}


.row {

  
  display: flex;
  margin-bottom: 5%;
  margin-right: 10%;
  margin-left: 10%;
}

.section-c-background{

  margin-bottom: 10%;

}
.section-c-background img{

  width: 100%;

}



.text-conocenos{

  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%);

}

.text-conocenos h1{

    color: #ffffff;
    font-size: 2.5vw;
    font-family: poppins-black;

}


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


    .section-staff {

        width: 100%;

    }


    .row{

      margin-left: 10%;
      margin-right: 10%;
    }



    .column{

      margin-left: 5px;
      margin-right: 5px;

    }
    .column img{


      width: 100%;



    }


    .column--3 img{

      width: 70%;

    }


}



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


    .section-staff {

        width: 100%;

    }


    .row{

      margin-left: 10%;
      margin-right: 10%;
    }



    .column{

      margin-left: 5px;
      margin-right: 5px;

    }
    .column img{


      width: 100%;



    }


    .column--3 img{

      width: 70%;

    }


}


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


    .section-staff {

        width: 100%;

    }


    .row{

      margin-left: 10%;
      margin-right: 10%;
    }



    .column{

      margin-left: 10px;
      margin-right: 10px;

    }
    .column img{


      width: 100%;



    }


    .column--3 img{

      width: 85%;

    }


}


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


    .section-staff {

        width: 100%;

    }


    .row{

      margin-left: 10%;
      margin-right: 10%;
    }



    .column{

      margin-left: 10px;
      margin-right: 10px;

    }
    .column img{


      width: 100%;



    }


    .column--3 img{

      width: 100%;

    }


}



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


    .section-staff {

        width: 100%;

    }


    .row{

      margin-left: 15%;
      margin-right: 15%;
    }



    .column{

      margin-left: 10px;
      margin-right: 10px;

    }
    .column img{


      width: 100%;



    }



    .row .column--3 {



    }

     .row .column--3 img {

      margin-left: 5%;
      margin-right: 5%;

     }

    .column--3 img{

      width: 100%;


    }


}



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


    .section-staff {

        width: 100%;


    }


    .row{

      margin-left: 15%;
      margin-right: 15%;

    }



    .column{

      margin-right: 35px;
      margin-left: 35px;

    }
    .column img{


      width: 100%;



    }



    .row .column--3 {

     margin: 10px;


    }

     .row .column--3 img {

      margin-left: 80%;
      margin-right:80%;

     }

    .column--3 img{

      width: 95%;



    }


}

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


    .section-staff {

        width: 100%;


    }


    .row{

      margin-left: 25%;
      margin-right: 25%;

    }



    .column{

      margin-right: 35px;
      margin-left: 35px;

    }
    .column img{


      width: 100%;



    }



    .row .column--3 {

     margin: 10px;


    }

     .row .column--3 img {

      margin-left: 80%;
      margin-right:80%;

     }

    .column--3 img{

      width: 95%;



    }


}






/*





.row{

  position: relative;


}

.column {

  float: left;
  width: 25%;

  margin-bottom: 5%;
  text-align: center;
}



/* Clearfix (clear floats) */

/*
.row::after {
  content: "";
  clear: both;
  display: table;
}



.overflow{

  height: 440px;
  overflow: hidden;
  
}




@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
}

*/