/*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');
 
}


footer{

  width: 100%;
  height: 500px;
  background: #232323;
}


.container-footer-all{

  position: relative;
  width: 100%;
  height: 500px;

}

.column1 img{

    width: 10%;
    height: 5%;


}


.column1{

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

}

.column1 p{


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


}


.column2{
  width: 450px;
  height: 250px;
  position: absolute;
  top: 44%;
  left: 24%;
 

}

.column2 h1{

    font-family: montserrat-bold;
    color: #ffffff;
    font-size: 0.8vw;
    margin-bottom: 10px;

}

.column2 label{

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



.column3{
  width: 450px;
  height: 250px;
  position: absolute;
  top: 49.5%;
  left: 50%;
 

}

.column3 label{

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


.column4{
  width: 450px;
  height: 250px;
  position: absolute;
  top: 43%;
  left: 75%;
 

}

.column4 h1{

    font-family: montserrat-bold;
    color: #ffffff;
    font-size: 0.8vw;
    margin-bottom: 10px;

}

.column4 label{

    font-family: montserrat-bold;
    color: #ffffff;
    font-size: 0.8vw;
    margin-top: 10px;
    
}


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



    footer{

     width: 100%;
     height: 300px;
     background: #232323;
    }


    .container-footer-all{


        height: 250px;
    }


    .column1{

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

    }



    .column2{
     width: 450px;
     height: 250px;
     position: absolute;
     top: 35%;
     left: 24%;
 

    }

    .column3{
        width: 180px;
        height: 250px;
        position: absolute;
        top: 35%;
        left: 50%;
 
    }


    .column4{
         width: 180px;
         height: 200px;
         position: absolute;
         top: 35%;
         left: 75%;
    }





}


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


    footer{

         width: 100%;
         height: 350px;
         background: #232323;
    }

    .container-footer-all{

        position: relative;
        width: 100%;
        height: 350px;

    }

    .column1{

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

    }



    .column2{
     width: 450px;
     height: 250px;
     position: absolute;
     top: 38%;
     left: 24%;
 

    }


    .column3{
    width: 180px;
    height: 250px;
    position: absolute;
    top: 43%;
    left: 50%;
 

    }

    .column4{
         width: 180px;
         height: 200px;
         position: absolute;
         top: 38%;
         left: 75%;
    }



}


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

        footer{

         width: 100%;
         height: 400px;
         background: #232323;
    }

    .container-footer-all{

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

    }

    .column1{

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

    }



    .column2{
     width: 450px;
     height: 250px;
     position: absolute;
     top: 40%;
     left: 24%;
 

    }


    .column3{
    width: 250px;
    height: 250px;
    position: absolute;
    top: 45%;
    left: 50%;
 

    }

    .column4{
         width: 250px;
         height: 200px;
         position: absolute;
         top: 40%;
         left: 75%;
    }



}


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


    footer{

     width: 100%;
     height: 450px;
     background: #232323;
    }


    .container-footer-all{


        height: 450px;
    }



    .column1{

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

    }



    .column2{
     width: 350px;
     height: 250px;
     position: absolute;
     top: 40%;
     left: 24%;
 

    }

    .column3{
    width: 350px;
    height: 250px;
    position: absolute;
    top: 45%;
    left: 50%;
 

    }

    .column4{
    width: 350px;
    height: 200px;
    position: absolute;
    top: 40%;
    left: 75%;
    }



}



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


    footer{

     width: 100%;
     height: 500px;
     background: #232323;
    }


    .container-footer-all{


        height: 500px;
    }


    .column1{

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

    }



    .column2{
     width: 450px;
     height: 250px;
     position: absolute;
     top: 40%;
     left: 24%;
    }


    .column3{
    width: 350px;
    height: 250px;
    position: absolute;
    top: 45%;
    left: 50%;
 

    }

    .column4{
    width: 350px;
    height: 250px;
    position: absolute;
    top: 40%;
    left: 75%;
    }



}


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


    footer{

     width: 100%;
     height: 800px;
     background: #232323;
    }


    .container-footer-all{


        height: 800px;
    }


    .column1{

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

    }



    .column2{
     width: 450px;
     height: 250px;
     position: absolute;
     top: 40%;
     left: 24%;
    }


    .column3{
    width: 350px;
    height: 250px;
    position: absolute;
    top: 45%;
    left: 50%;
 

    }

    .column4{
    width: 350px;
    height: 250px;
    position: absolute;
    top: 40%;
    left: 75%;
    }



}