body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    background-color: #ffffff;
}


.new-row {
    display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

a {
    text-decoration: none;
}

a:hover {
    cursor:pointer;
   }

ul {
    padding-left:10%!important
}


/* WHATSAPP */

.btn-whatsapp {
    position:fixed;
          bottom:2em;
          right:1em;
          z-index: 2000;
  }



h1{
    font-family: 'Lato', sans-serif;
    font-size: 1.8rem;
    color:#fa0201;
}

h2{
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

h3{
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem!;
    color:#fa0201;
}

h4{
    font-family: 'Lato', sans-serif;
    font-size: 0.8rem;
    color:#ffffff;
}

h5{
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
    font-weight: 700;
}

h6{
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #2c2c2c;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#fa0201!important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#fa0201!important;
}



/*CARROUSEL */

.carousel-caption {
    right: 5%!important;;
    top: 40%!important;
}

/* CARDS */
.card{
    width:18%;
    border: 1px solid #fa0201!important;
    border-radius: .5rem!important;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.5rem - 1px)!important;
    border-top-right-radius: calc(.5rem - 1px)!important;
}

/* DOCUMENTOS */
#documentos {
    height: 100%;
    min-height: 66vh;
    background-image: url(images/docu-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

.btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff!important;
    width: 250px;
}

.btn-primary:hover {
    color: #fa0201!important;
    background-color: #ffffff!important;
    border-color: #fa0201!important;
    width: 250px;
}

.btn-primary a:hover {
    color: #fa0201!important;
    background-color: #ffffff!important;
    border-color: #fa0201!important;
    width: 250px;
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 820px!important;
    margin: 1.75rem auto;
}
}

/* CONTACTO */
#contacto {
    height: 100%;
    min-height: 100vh;
    background-image: url(images/contact.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

/* ------- CELLPHONES ------- */

@media (min-width: 100px) and (max-width: 480px) {
    
    h1{
        font-family: 'Lato', sans-serif;
        font-size: 1.4rem!important;
        color:#fa0201;
    }
    
    h2{
        font-family: 'Lato', sans-serif;
        font-size: 0.8rem!important;
    }
    
    h3{
        font-family: 'Lato', sans-serif;
        font-size: 1.2rem!;
        color:#fa0201;
    }
    
    h4{
        font-family: 'Lato', sans-serif;
        font-size: 0.8rem;
        color:#ffffff;
    }
    
    h5{
        font-family: 'Lato', sans-serif;
        font-size: 2rem;
        font-weight: 700;
    }
    
    h6{
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        color: #2c2c2c;
    }

    /* CARDS */
.card{
    width:100%!important;
}
    
}