/*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-eventos{


  position: relative;
  width: 100%;
  height: 1080px;
}


.text-eventos {


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

}


.text-eventos h1{


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

}

.text-eventos hr{

    width: 20%;
    border:2.5px solid;
    border-color:#ed1c24;
    margin-top: 15px;


} 


.slider-eventos {


    position: absolute;
    top: 25%;
    text-align: center;

}

.slider-eventos img{

    width: 18%;
    margin-left: 0.5%;
    margin-right: 0.5%;


}


.text-portafolio {

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


}

.rectangle-1{
  width: 10%;
  height: 5%;
  border: 3px solid;
  border-color: #ed1c24;
  display:flex;
  align-items: center;

}

.text-portafolio h2{

  color: #ffffff;
  font-family: montserrat-bold;
  font-size: 1.3vw;

}


.text-portafolio  a{

   text-decoration: none;
}


.text-proyectos {


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


}


.text-proyectos h1{

    color: #ffffff;
    font-family: poppins-bold;
    margin-top: 7%;
    font-size: 2.5vw;

}


.rectangle-2{
  background: #000000;
  width: 50%;
  height: 25%;
  border: 3px solid;
  border-color: #ed1c24;
  display:flex;
  align-items: initial;
  z-index: 1;


}

.rectangle-3{

  width: 20%;
  height: 25%;
  border: 3px solid;
  border-color: #ed1c24;
  display:flex;
  align-items: center;
  z-index: 0;

}


.txt-escribenos{

  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%);
  margin-top: 30px;

}


.txt-escribenos h2{

    color: #ffffff;
    font-family: montserrat-bold;
    font-size: 1.3vw;


}




/*


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 200px;
   }


   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 4px;


    } 

}


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 200px;
   }


   .text-portafolio {

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

   .text-eventos {


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

    }

    .text-eventos hr{

     margin-top: 4px;


    } 


}


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 250px;
   }


   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 5px;


    } 


}

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


  .text-proyectos {


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


  }


  .section-eventos{

    position: relative;
    width: 100%;
    height: 400px;
   }

   .text-portafolio {

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

    .rectangle-1{
     width: 10%;
     height: 6.5%;
     border: 3px solid;
     border-color: #ed1c24;
     display:flex;
     align-items: center;

     }

     .rectangle-2{

      background: #000000;
      width: 50%;
      height: 30%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }


    .text-eventos {


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

    }

    .text-eventos hr{

      margin-top: 5px;


    } 


  .txt-escribenos{

      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%);
      margin-top: 30px;

  }


}



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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 512px;
   }


   .text-portafolio {

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

    .text-eventos {

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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 

    .text-proyectos {


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


  }

    .txt-escribenos{

      position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%);
      margin-top: 30px;

    }


}



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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 640px;
   }


   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 


    .txt-escribenos{

    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


}


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 720px;
   }


   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 

    .txt-escribenos{

    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


  .text-proyectos {


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

    }


    .rectangle-2{
    background: #000000;
    width: 48%;
    height: 30%;
    border: 3px solid;
    border-color: #ed1c24;
    display:flex;
    align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }



}


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 840px;
   }

  .rectangle-1{
      width: 10%;
      height: 7%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

  }

   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 



    .txt-escribenos{

    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


    .text-proyectos {


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


    }


    .text-proyectos h1{

        color: #ffffff;
        font-family: poppins-bold;
        margin-top: 6%;
        font-size: 2.8vw;

    }


    .rectangle-2{
    background: #000000;
    width: 48%;
    height: 30%;
    border: 3px solid;
    border-color: #ed1c24;
    display:flex;
    align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }



}



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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 960px;
   }

  .rectangle-1{
      width: 10%;
      height: 7%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

  }

   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 



    .txt-escribenos{

    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


    .text-proyectos {


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


    }


    .text-proyectos h1{

        color: #ffffff;
        font-family: poppins-bold;
        margin-top: 6%;
        font-size: 2.8vw;

    }


    .rectangle-2{
    background: #000000;
    width: 48%;
    height: 30%;
    border: 3px solid;
    border-color: #ed1c24;
    display:flex;
    align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }



}



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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 1280px;
   }

  .rectangle-1{
      width: 10%;
      height: 7%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

  }

   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 



    .txt-escribenos{

    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


    .text-proyectos {


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


    }


    .text-proyectos h1{

        color: #ffffff;
        font-family: poppins-bold;
        margin-top: 6%;
        font-size: 2.8vw;

    }


    .rectangle-2{
    background: #000000;
    width: 48%;
    height: 30%;
    border: 3px solid;
    border-color: #ed1c24;
    display:flex;
    align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }



}


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

  .section-eventos{


    position: relative;
    width: 100%;
    height: 1280px;
   }

  .rectangle-1{
      width: 10%;
      height: 7%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

  }

   .text-portafolio {

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

    .text-eventos {


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

    }

    .text-eventos hr{

    margin-top: 10px;


    } 



    .txt-escribenos{

    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 30px;

    }


    .text-proyectos {


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


    }


    .text-proyectos h1{

        color: #ffffff;
        font-family: poppins-bold;
        margin-top: 6%;
        font-size: 2.8vw;

    }


    .rectangle-2{
    background: #000000;
    width: 48%;
    height: 30%;
    border: 3px solid;
    border-color: #ed1c24;
    display:flex;
    align-items: initial;


    }

    .rectangle-3{

      width: 20%;
      height: 25%;
      border: 3px solid;
      border-color: #ed1c24;
      display:flex;
      align-items: center;

    }



}