/* Pantallas muy grandes */
@media (min-width: 1920px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-xl {
    display: none;
  }
  .visible-xl {
    display: block !important;
  }
  .visible-sm {
    display: none;
  }
  .visible-xs {
    display: none;
  }
  .visible-md {
    display: none;
  }
  .visible-lg {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/
}
/* Pantallas default -  Tamaño XL */
@media (min-width: 1200px) and (max-width: 1919px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-xl {
    display: none;
  }
  .visible-xl {
    display: block !important;
  }
  .visible-sm {
    display: none;
  }
  .visible-xs {
    display: none;
  }
  .visible-md {
    display: none;
  }
  .visible-lg {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/
}
/* First reduction -  Tamaño LG  */
@media (min-width: 980px) and (max-width: 1199px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-lg {
    display: none;
  }
  .visible-lg {
    display: block !important;
  }
  .visible-sm {
    display: none;
  }
  .visible-xs {
    display: none;
  }
  .visible-md {
    display: none;
  }
  .visible-xl {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/
}
/* Second reduction  -  Tamaño MD */
@media (min-width: 768px) and (max-width: 979px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-md {
    display: none;
  }
  .visible-md {
    display: block !important;
  }
  .visible-sm {
    display: none;
  }
  .visible-xs {
    display: none;
  }
  .visible-lg {
    display: none;
  }
  .visible-xl {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/
}
/* Third reduction  -  Tamaño SM */
@media (min-width: 481px) and (max-width: 767px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-sm {
    display: none;
  }
  .visible-sm {
    display: block !important;
  }
  .visible-xs {
    display: none;
  }
  .visible-md {
    display: none;
  }
  .visible-lg {
    display: none;
  }
  .visible-xl {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/

  /*********************************************** PADDINGS ********************************************/
  /*
  .padding-top-80 {
    padding-top: 40px;
  }
  .padding-bottom-80 {
    padding-bottom: 40px;
  }
  .padding-left-80 {
    padding-left: 20px;
  }
  .padding-right-80 {
    padding-right: 20px;
  }*/
  /********************************************* FIN PADDINGS ******************************************/

  /********************************************** FONT SIZES *******************************************/
  .font-size-40 {
    font-size: 32px;
    margin-bottom: 14px;
  }
  .line-height-48 {
    line-height: 32px;
  }
  .font-size-32 {
    font-size: 22px;
  }
  /******************************************** FIN FONT SIZES *****************************************/

  /************************************************ MARGINS ********************************************/
  .margin-bottom-30 {
    margin-bottom: 20px;
  }
  .margin-bottom-40 {
    margin-bottom: 20px;
  }
  .margin-top-40 {
    margin-top: 20px;
  }
  .margin-bottom-80 {
    margin-bottom: 40px;
  }
  /********************************************** FIN MARGINS ******************************************/

  /*********************************************** SEPARATORS ******************************************/
  /*.separator-80 {
    height: 40px;
  }
  .separator-100 {
    height: 100px;
  }*/
  /********************************************* FIN SEPARATORS ****************************************/

  /***************************************** UTILITY IMAGE CLASSES *************************************/
  .ilustration-width-180-sm {
    max-width: 180px;
    margin-bottom: 24px !important;
  }
  .margin-cero-auto-sm {
    margin: 0 auto;
  }
  /*************************************** FIN UTILITY IMAGE CLASSES ***********************************/
}
/* Fourth reduction -  Tamaño XS */
@media (max-width: 480px) {
  /*************************************** RESPONSIVE UTILITIES ****************************************/
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block !important;
  }
  .visible-sm {
    display: none;
  }
  .visible-md {
    display: none;
  }
  .visible-lg {
    display: none;
  }
  .visible-xl {
    display: none;
  }
  /************************************* FIN RESPONSIVE UTILITIES **************************************/

  /*********************************************** PADDINGS ********************************************/
  /*
  .padding-top-80 {
    padding-top: 40px;
  }
  .padding-bottom-80 {
    padding-bottom: 40px;
  }
  .padding-left-80 {
    padding-left: 20px;
  }
  .padding-right-80 {
    padding-right: 20px;
  }
  .padding-top-100 {
    padding-top: 40px;
  }
  .padding-bottom-100 {
    padding-bottom: 40px;
  }*/
  /********************************************* FIN PADDINGS ******************************************/

  /********************************************** FONT SIZES *******************************************/
  .font-size-40 {
    font-size: 32px;
    margin-bottom: 14px;
  }
  .font-size-32 {
    font-size: 22px;
  }
  .line-height-48 {
    line-height: 40px;
  }
  h2.line-height-48 {
      line-height: 28px;
  }
  /******************************************** FIN FONT SIZES *****************************************/

  /************************************************ MARGINS ********************************************/
  .margin-bottom-30 {
    margin-bottom: 20px;
  }
  .margin-bottom-40 {
    margin-bottom: 20px;
  }
  .margin-top-80 {
    margin-top: 20px;
  }
  .margin-top-40 {
    margin-top: 20px;
  }
  .margin-bottom-80 {
    margin-bottom: 40px;
  }
  /********************************************** FIN MARGINS ******************************************/

  /*********************************************** SEPARATORS ******************************************/
  /*.separator-80 {
    height: 40px;
  }
  .separator-100 {
    height: 40px;
  }*/
  /********************************************* FIN SEPARATORS ****************************************/

  /***************************************** UTILITY IMAGE CLASSES *************************************/
  .ilustration-width-180-xs {
    max-width: 180px;
    margin-bottom: 24px !important;
  }
  .margin-cero-auto-xs {
    margin: 0 auto;
  }
  /*************************************** FIN UTILITY IMAGE CLASSES ***********************************/
}