body{   
    font-family: 'Nunito', sans-serif;
    background-color: #fff !important;
}
em{
    font-weight: 700 !important;
    font-style: normal;
}
li
{
    font-size: 1.2rem;
}
h1{
    font-family: 'Days One', sans-serif;
}
p{
    text-indent: 40px;
    font-weight: 100;
}
#adminision h4,#adminision h2
{
    font-weight: 0 !important;
    text-transform: uppercase;
}
.icono-grandes
{
    font-size: 90px;
    color: #0d58a9;
}
.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.bg-warning
{
    background-color: #fcb743 !important;
}
.bg-gris
{
    background-color: #ececec !important;
}
.bg-azul-oscuro
{
    background-color: #0d58a9 !important;
}
.bg-azul-oscuro a {
    color: #fff ;
    font-weight: 700 !important;
    padding: .6em .94em !important;
    text-decoration: none;
transition: color .2s ease-in-out;
}
.bg-azul-oscuro a:hover {
    color: #fcb743 ;
}
.navbar-expand-md .bg-azul-oscuro a {
    font-weight: 800 !important;
    padding: .6em .94em !important; 
}
.carousel-inner p,#antes-valores p,#antes-valores2 p {
    font-family: 'Days One', sans-serif;
    font-size: 3rem;
    margin: 0px;
    line-height: 44px;
    text-indent: 0px;
}
.carousel-inner h5, .h5,#antes-valores h5,#antes-valores2 h5 {
    font-family: 'Days One', sans-serif;
    font-size: 3rem;
    color: #fcb743;
}
.border {
    width:100%;
    height:6px ;
    display:block;
    overflow:hidden;
}
.linea div {
    height:10px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.linea div.amarillo {
    width:10%;
    background-color: #fcb743;
    float:left;
}
.linea div.verde {
    width:10%;
    background-color:#8dc63f;
    float:left
}
.linea div.azulc {
    width:30%;
    background-color:#37c6f4;
    float:left
}
.linea div.azulo {
    width:50%;
    background-color:#0d58a9;
    float:left
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    padding: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: black;
    font-weight: 700 !important;
    font-style: normal;
}
a.active.nav-link{
    background-color: #8dc63f!important;
    color: white !important;
}

#valores .lead {
    padding-top: 1rem;
    font-size: 1.75rem;
    font-weight: 300;
}
#antes-valores,#antes-valores2
{    
    background-image: url(../imagenes/fondo-valores-kavac.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#antes-valores2
{    
    background-image: url(../imagenes/fondo-valores-kavac-2.jpg);
}
footer
{    
    background-image: url(../imagenes/footer-kavac-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#crear-alumno .form-control {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;  
    border-radius: 40px;
    background-color: rgb(228, 228, 228);
    color: black;
  }
  .sombra-letra {
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  }
  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: #d5000000;
    border: 1px solid #fff;
    border-radius: 0.25rem;
}
.menu-too
{
    color: #fff;
    font-size: 1.7rem;
}



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/


@media (max-width: 575px) {
    body
    {
        
    }
    .carousel-inner p,#antes-valores p,#antes-valores2 p {
        font-size: 1.5rem;
        margin: 0px;
        line-height: 20px;
        text-indent: 0px;
    }
    .carousel-inner h5, .h5,#antes-valores h5,#antes-valores2 h5 {
        font-size: 1.5rem;
        color: #424242;
    }
    .carousel-caption {
        bottom: 0px;
    }
}
  
  
@media (min-width: 576px) and (max-width: 767px) { 
    body
    {
       
    }
    .carousel-inner p,#antes-valores p,#antes-valores2 p {
        font-size: 1.5rem;
        margin: 0px;
        line-height: 20px;
        text-indent: 0px;
    }
    .carousel-inner h5, .h5,#antes-valores h5,#antes-valores2 h5 {
        font-size: 1.5rem;
        color: #424242;
    }
    .carousel-caption {
        bottom: 0px;
    }
}
  
@media (min-width: 768px) and (max-width: 991px) {    
    body
    {
      
    }
}
  
@media (min-width: 992px) and (max-width: 1199px) { 
    body
    {
        
    } 
}  
  
@media (min-width: 1200px) { 

}