body{
    font-family: 'Montserrat', sans-serif !important;
}

.nav-link{
    font-size: 12px !important;
}

.nav-link i{
    font-size: 18px !important;
}

.bold{
    font-weight: 800 !important;
}

.logo{
    background-color: #a4a4a4 !important;
    width: 20% !important;
    padding: 10px 50px !important;
    border-bottom-right-radius: 30px;
}

.logo img {
    height: 50px !important;
    width: auto !important;
}

.text-gris{
    color: #5A5A5A !important;
    font-size: 0.9em !important;
}

.navAzul{
    background-color: #272C74 !important;
}

.navNaranjaEmpresa{
    background-color: #e07b45 !important;
}

.navGris{
    background-color: #E6E6E6 !important;
}

.navGrisOscuro{
    background-color: #D2D2D2 !important;
}

.navBlanco{
    background-color: #fff !important;
}

.btn-whatsapp{
    background-color: #00A058 !important;
    color: #fff !important;
    font-size: 13px !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
}

.navNaranja{
    background: linear-gradient(180deg, #ff7b00, #bd5b01);
}

.navNaranja2{
    background: linear-gradient(0deg, #ff7b00, #bd5b01);
}

.btn-nav{
    background-color: #272C74 !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

.btn-navLog{
    background-color: #252525 !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    font-weight: 700 !important;
    font-style: italic !important;
}


.imgCertificados{
    height: 30px !important;
}

.logoHeader{
    width: 90% !important; 
    height: auto !important;
}

.titH3{
    color: #5A5A5A !important;
    font-size: 1.6em !important;
}

.titH6{
    color: #5A5A5A !important;
    font-size: 1em !important;
}

.fechaHeader{
    color: #a4a4a4 !important; 
    font-size: 18px !important; 
    font-weight: 700 !important; 
    padding-left: 45% !important;
}

.col-2{
    width: auto !important;
}

.imgLogosHeader{
    width: 100%;
}
  
  .topnav {
    overflow: hidden;
    background: linear-gradient(0deg, #ff7b00, #bd5b01);
    position: relative;
  }
  
  .topnav #myLinks {
    display: none;
  }
  
  .topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  
  .topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .active {
    background-color: #04AA6D;
    color: white;
  }

  .pSectoresEmpresa{
    color: #fff; 
    font-size: 1em; 
    font-weight: 300
  }

/*-------------------------TABLET VERTICAL (MD 1000 px)-------------------------*/

@media (max-width: 900px) {
    .nav-link{
        font-size: 10px !important;
    }
    
    .nav-link i{
        font-size: 15px !important;
    }

    .imgCertificados{
        height: 25px !important;
    }

    .logoHeader{
        width: 80% !important; 
        height: auto !important;
    }

    .text-gris{
        font-size: 0.8em !important;
    }

    .titH3{
        font-size: 1.3em !important;
    }
    
    .titH6{
        font-size: 0.8em !important;
    }

    .fechaHeader{
        font-size: 16px !important; 
        padding-left: 45% !important;
    }

    .btn-whatsapp{
        font-size: 11px !important;
    }
    .pSectoresEmpresa{
        font-size: 12px !important; 
      }
    
}

@media (max-width: 700px) {
    .pSectoresEmpresa{
        font-size: 10px !important; 
      }
}

/*-------------------------TABLET VERTICAL (MD 1000 px)-------------------------*/

@media (max-width: 500px) {
    
    .logoHeader{
        width: 100% !important; 
        height: auto !important;
    }

    .titH3{
        font-size: 1em !important;
    }
    
    .titH6{
        font-size: 0.6em !important;
    }

    .fechaHeader{
        font-size: 14px !important; 
        padding-left: 25% !important;
    }

    .pSectoresEmpresa{
        font-size: 10px !important; 
      }

}