@font-face {
    font-family: Barlow-Black;
    src: url('../fonts/Barlow-Black.ttf') format('truetype');
}
@font-face {
    font-family: Barlow-Bold;
    src: url('../fonts/Barlow-Bold.ttf') format('truetype');
}
@font-face {
    font-family: Barlow-ExtraBold;
    src: url('../fonts/Barlow-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: Barlow-Italic;
    src: url('../fonts/Barlow-Italic.ttf') format('truetype');
}
@font-face {
    font-family: Barlow-Light;
    src: url('../fonts/Barlow-Light.ttf') format('truetype');
}
@font-face {
    font-family: Barlow-Regular;
    src: url('../fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
    font-family: Hellix-ExtraBold;
    src: url('../fonts/Hellix-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: Jost-Bold;
    src: url('../fonts/Jost-Bold.ttf') format('truetype');
}
@font-face {
    font-family: Jost-Medium;
    src: url('../fonts/Jost-Medium.ttf') format('truetype');
}
@font-face {
    font-family: Jost-Regular;
    src: url('../fonts/Jost-Regular.ttf') format('truetype');
}
@font-face {
    font-family: Lato-Regular;
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: TrebuchetMS;
    src: url('../fonts/trebuc.ttf') format('truetype');
}
/*
@font-face {
    font-family: TitilliumRegular;
    src: url('../fonts/Titillium-Regular.otf') format('opentype');
}
@font-face {
    font-family: LatoRegular;
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}
}*/
/************************** MENU **************************************/
.FontPPoppinsRegular_Menu{
    font-family : Poppins-Regular;
    font-size : 18px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
  }
  
/************************** FOOTER **************************************/

.FontBarlowRegular_Footer{
    font-family : Barlow-Regular;
    font-size : 16px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    line-height: 40px;
}
.FontBarlowRegular-verde_Footer{
    padding: 10px 0 10px 0;
    font-family : Barlow-Regular;
    font-size : 16px;
    color : #00833E;
    color : rgb(0, 131, 62); 
    line-height: 40px;
}
/************************** HOME_BAR-BLACK **************************************/
.FontHellix-ExtraBold_bar-black{
  font-family : Hellix-ExtraBold;
  font-size : 30px;
  color : rgb(255, 255, 255);
  color : #fff;
}
.FontHellix-ExtraBold-Naranja_bar-black{
    font-family : Hellix-ExtraBold;
    font-size : 30px;
    color : #FF4D00;
    color : rgb(255, 77, 0);
  }

/************************** HOME_GRID-SOMOS ITEM(1) **************************************/

.FontBarlow-Regular_somos-item1{
  font-family : Barlow-Regular;
  font-size : 27px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_somos-item2{
  font-family : Barlow-Regular;
  font-size : 17px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
.FontBarlow-Regular_somos-item4{
  font-family : Barlow-Regular;
  font-size : 20px;
  line-height : 40px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}

.FontBarlow-Bold_somos-item5{
  font-family : Barlow-Bold;
  font-size : 23px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
.FontBarlow-Regular_somos-item5{
  font-family : Barlow-Regular;
  font-size : 15px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
.FontBarlow-Regular_somos-green-item5{
  font-family : Barlow-Regular;
  font-size : 30px;
  text-transform : uppercase;
  color : #009845;
  color : rgb(0, 152, 69);
}
/************************** HOME_CARDS-SERVICIOS ITEM(1) **************************************/
.FontBarlow-Light_titulo-servicios-verde{
    font-family : Barlow-Light;
    font-size : 42px;
    color : #006937;
    color : rgb(0, 105, 55);
  }
  .FontBarlow-Bold_titulo-servicios-verde{
    font-family : Barlow-Bold;
    font-size : 42px;
    color : #006937;
    color : rgb(0, 105, 55);
  }

.FontBarlow-Regular_cards-titulo{
  font-family : Barlow-Regular;
  font-size : 18px;
  line-height : 54.74px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_cards-boton{
  font-family : Barlow-Regular;
  font-size : 15px;
  line-height : 60px;
  color : #FF4D00;
  color : rgb(255, 77, 0);
}
/************************** HOME_CATALOGO **************************************/
.FontBarlow-Regular_cat-izq{
  font-family : Barlow-Regular;
  font-size : 28px;
  text-transform : uppercase;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_cat-der{
  font-family : Barlow-Regular;
  font-size : 31px;
  text-transform : uppercase;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_cat-slide{
  font-family : Barlow-Regular;
  font-size : 22px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_cat-slide-naranja{
  font-family : Barlow-Regular;
  font-size : 40px;
  color : #FF4D00;
}
/************************** HOME_IMAGENES **************************************/
.FontBarlow-Regular_imagenes{
  font-family : Barlow-Regular;
  font-size : 22px;
  text-transform : uppercase;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
  /************************** HOME_CONTACTO **************************************/
.FontBarlow-Regular_contacto{
    font-family : Barlow-Regular;
    font-size : 25px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
  }
.FontBarlow-Regular_contacto2{
  font-family : Barlow-Regular;
  font-size : 37px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_contacto3{
  font-family : Barlow-Regular;
  font-size : 27px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_contacto4{
  font-family : Barlow-Regular;
  font-size : 25px;
  text-transform : uppercase;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
 /************************** SERVICIOS **************************************/
.FontBarlow-Regular_servicios-menu_rojo{
  font-family : Barlow-Light;
  font-size : 14px;
  color : #B12028;
  color : rgb(117, 32, 40);
}
.FontBarlow-Regular_servicios-menu_verde{
  font-family : Barlow-Regular;
  font-size : 16px;
  color : #295135;
  color : rgb(41, 81, 53);
}
.FontBarlow-Regular_servicios-menu_naranja{
  font-family : Barlow-Regular;
  font-size : 40px;
  color : #FF4D00;
  color : rgb(255, 77, 0);
}
.FontBarlow-Bold_servicios-titulo{
  font-family : Barlow-Bold;
  font-size : 74px;
  color : #B12028;
  color : rgb(177, 32, 40);
}
.FontBarlow-Regular_servicios{
  font-family : Barlow-Regular;
  font-size : 18px;
  color : #295135;
  color : rgb(41, 81, 53);
}
.FontBarlow-Bold_servicios{
  font-family : Barlow-Bold;
  font-size : 18px;
  color : #295135;
  color : rgb(41, 81, 53);
}

 /************************** NOSOTROS **************************************/
 .FontBarlow-Light_nosotros-black{
  font-family : Barlow-Light;
  font-size : 37px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
.FontBarlow-Regular_nosotros-black{
  font-family : Barlow-Regular;
  font-size : 20px;
  color : #1D1D1B;
  color : rgb(29, 29, 27);
}
.FontBarlow-Light_nosotros-white{
  font-family : Barlow-Light;
  font-size : 37px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
.FontBarlow-Regular_nosotros-white{
  font-family : Barlow-Regular;
  font-size : 20px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
 /************************** CONTACTO **************************************/
 .FontBarlow-Regular_contacto-txt{
  font-family : Barlow-Regular;
  font-size : 19px;
  color : #295135;
  color : rgb(41, 81, 53);
}
.FontBarlow-Regular_contacto-tit{
  font-family : Barlow-Regular;
  font-size : 53px;
  line-height : 64px;
  text-transform : uppercase;
  color : #295135;
  color : rgb(41, 81, 53);
}


@media (min-width: 1281px) and (max-width: 1440px){
    /************************** HOME_BAR-BLACK **************************************/
    .FontHellix-ExtraBold_bar-black{
        font-size : 24px;
    }
    .FontHellix-ExtraBold-Naranja_bar-black{
        font-size : 24px;
    }
  /************************** HOME_CATALOGO **************************************/
  .FontBarlow-Regular_cat-izq{
    font-size : 16px;
  }
  .FontBarlow-Regular_cat-der{
    font-size : 16px;
  }
  .FontBarlow-Regular_cat-slide{
    font-size : 18px;
  }
  .FontBarlow-Regular_cat-slide-naranja{
    font-size : 28px;
  }    
   /************************** NOSOTROS **************************************/
 .FontBarlow-Light_nosotros-black{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-black{
  font-size : 14px;
}
.FontBarlow-Light_nosotros-white{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-white{
  font-size : 14px;
}  
}
@media (min-width: 1025px) and (max-width: 1280px){
    /************************** HOME_BAR-BLACK **************************************/
    .FontHellix-ExtraBold_bar-black{
        font-size : 20px;
    }
    .FontHellix-ExtraBold-Naranja_bar-black{
        font-size : 20px;
    }
    /************************** HOME_GRID-SOMOS ITEM(1) **************************************/
    .FontBarlow-Regular_somos-item1{
        font-size : 20px;
      }
      .FontBarlow-Regular_somos-item2{
        font-size : 14px;
      }
      .FontBarlow-Regular_somos-item4{
        font-size : 16px;
      }
      .FontBarlow-Bold_somos-item5{
        font-size : 16px;
      }
      .FontBarlow-Regular_somos-item5{
        font-size : 12px;
      }
      .FontBarlow-Regular_somos-green-item5{
        font-size : 20px;
      } 
    /************************** HOME_CARDS-SERVICIOS ITEM(1) **************************************/
    .FontBarlow-Regular_cards-titulo{
        font-size : 10px;
        }
        .FontBarlow-Regular_cards-boton{
        font-size : 8px;
        }     
    /************************** HOME_CATALOGO **************************************/
    .FontBarlow-Regular_cat-izq{
      font-size : 16px;
    }
    .FontBarlow-Regular_cat-der{
      font-size : 16px;
    }
    .FontBarlow-Regular_cat-slide{
      font-size : 18px;
    }
    .FontBarlow-Regular_cat-slide-naranja{
      font-size : 28px;
    }             
 /************************** HOME_CONTACTO **************************************/
    .FontBarlow-Regular_contacto{
      font-size : 20px;
    }
    .FontBarlow-Regular_contacto2{
    font-size : 30px;
    }
    .FontBarlow-Regular_contacto3{
    font-size : 20px;
    }
    .FontBarlow-Regular_contacto4{
    font-size : 20px;
    } 
    
    /************************** SERVICIOS **************************************/
    .FontBarlow-Regular_servicios-menu_rojo{
      font-size : 12px;
    }
    .FontBarlow-Regular_servicios-menu_verde{
      font-size : 12px;
    }
    .FontBarlow-Regular_servicios-menu_naranja{
      font-size : 30px;
    }
    .FontBarlow-Bold_servicios-titulo{
      font-size : 48px;
    }
    .FontBarlow-Regular_servicios{
      font-size : 16px;
    }
    .FontBarlow-Bold_servicios{
      font-size : 16px;
    }    
       /************************** NOSOTROS **************************************/
 .FontBarlow-Light_nosotros-black{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-black{
  font-size : 14px;
}
.FontBarlow-Light_nosotros-white{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-white{
  font-size : 14px;
}  
}
@media (min-width: 769px) and (max-width: 1024px){
        /************************** HOME_BAR-BLACK **************************************/
        .FontHellix-ExtraBold_bar-black{
            font-size : 16px;
        }
        .FontHellix-ExtraBold-Naranja_bar-black{
            font-size : 16px;
        }
    /************************** HOME_GRID-SOMOS ITEM(1) **************************************/
    .FontBarlow-Regular_somos-item1{
        font-size : 16px;
      }
      .FontBarlow-Regular_somos-item2{
        font-size : 12px;
      }
      .FontBarlow-Regular_somos-item4{
        font-size : 12px;
        line-height : 20px;
      }
      .FontBarlow-Bold_somos-item5{
        font-size : 16px;
      }
      .FontBarlow-Regular_somos-item5{
        font-size : 12px;
      }
      .FontBarlow-Regular_somos-green-item5{
        font-size : 18px;
      } 
          /************************** HOME_CARDS-SERVICIOS ITEM(1) **************************************/
    .FontBarlow-Regular_cards-titulo{
        font-size : 10px;
        }
        .FontBarlow-Regular_cards-boton{
        font-size : 8px;
        }   
      .FontBarlow-Light_titulo-servicios-verde{
        font-size : 30px;
      }
      .FontBarlow-Bold_titulo-servicios-verde{
        font-size : 30px;
      } 
    /************************** HOME_CATALOGO **************************************/
    .FontBarlow-Regular_cat-izq{
      font-size : 16px;
    }
    .FontBarlow-Regular_cat-der{
      font-size : 16px;
    }
    .FontBarlow-Regular_cat-slide{
      font-size : 18px;
    }
    .FontBarlow-Regular_cat-slide-naranja{
      font-size : 28px;
    }    
    /************************** HOME_CONTACTO **************************************/
    .FontBarlow-Regular_contacto{
      font-size : 18px;
    }
    .FontBarlow-Regular_contacto2{
    font-size : 20px;
    }
    .FontBarlow-Regular_contacto3{
    font-size : 16px;
    }
    .FontBarlow-Regular_contacto4{
    font-size : 18px;
    }  
    /************************** SERVICIOS **************************************/
    .FontBarlow-Regular_servicios-menu_rojo{
      font-size : 11px;
    }
    .FontBarlow-Regular_servicios-menu_verde{
      font-size : 11px;
    }
    .FontBarlow-Regular_servicios-menu_naranja{
      font-size : 30px;
    }
    .FontBarlow-Bold_servicios-titulo{
      font-size : 38px;
    }
    .FontBarlow-Regular_servicios{
      font-size : 16px;
    }
    .FontBarlow-Bold_servicios{
      font-size : 16px;
    }    
           /************************** NOSOTROS **************************************/
 .FontBarlow-Light_nosotros-black{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-black{
  font-size : 14px;
}
.FontBarlow-Light_nosotros-white{
  font-size : 26px;
}
.FontBarlow-Regular_nosotros-white{
  font-size : 14px;
}       
}
@media (min-width: 320px) and (max-width: 768px){
    /************************** HOME_BAR-BLACK **************************************/
    .FontHellix-ExtraBold_bar-black{
        font-size : 19px;
    }
    .FontHellix-ExtraBold-Naranja_bar-black{
        font-size : 19px;
    }
    /************************** HOME_GRID-SOMOS ITEM(1) **************************************/
    .FontBarlow-Regular_somos-item1{
        font-size : 19px;
      }
      .FontBarlow-Regular_somos-item2{
        font-size : 17px;
      }
      .FontBarlow-Regular_somos-item4{
        font-size : 17px;
        line-height : 24px;
      }   
      .FontBarlow-Bold_somos-item5{
        font-size : 17px;
      }
      .FontBarlow-Regular_somos-item5{
        font-size : 16px;
      }
      .FontBarlow-Regular_somos-green-item5{
        font-size : 15px;
      } 
          /************************** HOME_CARDS-SERVICIOS ITEM(1) **************************************/
          .FontBarlow-Regular_cards-titulo{
            font-size : 14px;
            }
            .FontBarlow-Regular_cards-boton{
            font-size : 14px;
            }   
          .FontBarlow-Light_titulo-servicios-verde{
            font-size : 20px;
          }
          .FontBarlow-Bold_titulo-servicios-verde{
            font-size : 30px;
          } 
        .FontBarlow-Light_titulo-servicios-verde{
          font-size : 20px;
        }
        .FontBarlow-Bold_titulo-servicios-verde{
          font-size : 20px;
        } 
    /************************** HOME_CATALOGO **************************************/
    .FontBarlow-Regular_cat-izq{
      font-size : 14px;
    }
    .FontBarlow-Regular_cat-der{
      font-size : 16px;
    }
    .FontBarlow-Regular_cat-slide{
      font-size : 18px;
    }
    .FontBarlow-Regular_cat-slide-naranja{
      font-size : 22px;
    }  
    /************************** HOME_CONTACTO **************************************/
    .FontBarlow-Regular_contacto{
      font-size : 18px;
    }
    .FontBarlow-Regular_contacto2{
    font-size : 20px;
    }
    .FontBarlow-Regular_contacto3{
    font-size : 16px;
    }
    .FontBarlow-Regular_contacto4{
    font-size : 18px;
    }   
    /************************** SERVICIOS **************************************/
    .FontBarlow-Regular_servicios-menu_rojo{
      font-size : 10px;
    }
    .FontBarlow-Regular_servicios-menu_verde{
      font-size : 10px;
    }
    .FontBarlow-Regular_servicios-menu_naranja{
      font-size : 30px;
    }
    .FontBarlow-Bold_servicios-titulo{
      font-size : 25px;
    }
    .FontBarlow-Regular_servicios{
      font-size : 17px;
    }
    .FontBarlow-Bold_servicios{
      font-size : 17px;
    }   
                  /************************** NOSOTROS **************************************/
 .FontBarlow-Light_nosotros-black{
  font-size : 22px;
}
.FontBarlow-Regular_nosotros-black{
  font-size : 17px;
}
.FontBarlow-Light_nosotros-white{
  font-size : 22px;
}
.FontBarlow-Regular_nosotros-white{
  font-size : 17px;
}   
}