@font-face {
  font-family: GOTHAMBOOK;
  src: url(../assets/Fonts/GothamBook.ttf);
}

@font-face {
  font-family: GOTHAMBLACK;
  src: url(../assets/Fonts/Gotham-Black.otf);
} 

@font-face {
  font-family: GOTHAMMEDIUM;
  src: url(../assets/Fonts/GothamMedium_1.ttf);
}

p{
   font-family: GOTHAMBOOK; 
}

h1,h2,h3,h4,h5,h6{
    font-family: GOTHAMBLACK;
}

#azul{
     background: #29378D;
}

#top{
    text-align: right;
    color: white;
}

#top p {
   margin: 0; 
   padding: 0;
}

.nav-link{
    cursor: pointer;
}

.btn-success{
    background: #A2D84C!important;
    border: none!important;
    margin-left: 1rem;
}

.btn-success:hover{
    background: #198754!important
}

.telefono img{
    max-width: 1rem;
}

#datos{
    display: inline-flex; 
    justify-content: flex-end;
}

.bi-telephone{
    color: deepskyblue;
    padding-right: .5rem;
}

.navbar-brand img{
    max-height: 5rem;
    width: auto;
}

.navbar-nav{
    font-family: GOTHAMMEDIUM;
}



.fixed-top{
    background: white;
}

.carousel-caption h1{
    line-height: 50%;
}

#carrusel{
    position: relative;
}

.logoblanco{
    max-width: 8rem; 
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

#trabajar{
    padding-top: 7rem;
}

#trabajar h2{
    color: #29378D;
}

.box {
  display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-bottom: 7rem;
}

.box img{
    max-width: 8rem;
    margin-top: 2rem;
    
}

#quienes{
    
    background: #F1F2F2;
}

#quienes .izquierda{
    
}

#quienes .derecha{
    background-image: url(../assets/images/quienes-somos.jpg);
    min-height: 500px;
    background-size: cover;
}

#quienes .izquierda p{
    text-align: left;
}

#quienes h1{
     color:#29378D;
}

#servicios{
   
    padding-top: 7rem;
}

#servicios i{
    font-size: bolder;
}



#servicios h2{
    color:#29378D;
}

#servicios h6{
    color:#29378D;
}

#servicios i{
    font-family: GOTHAMBOOK; 
    font-weight: bolder;
}

#serviciosDerecha{
    background: #F1F2F2;
}

#serviciosIzquierda{
    background-image: url(../assets/images/servicio-de-origendos.jpg);
    min-height: 500px;
    background-size: cover;
    transition: all .6s ease-in;
}

#servicios .izquierda p{
    text-align: left;
}

#servicios .card{
    border: none;
}

.card-img-top{
   padding-bottom: 1rem;
    max-width: 6rem;
    cursor: pointer;
}

.cobertura{
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.cobertura h1{
    color: #29378D;
}

.cobertura h2{
    color: black!important;
}

#clientes{
    background-image: url(../assets/images/back-clients.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: white;
}

#clientes p{
    font-size: 2rem;
}

.logos{
    background: ;
}

.logos img{
    max-width: 30rem;
}

#contacto{
    padding-top: 7rem;
    padding-bottom: 3rem;
}

#contacto h1{
    color: #008BCE;
}



.form-control{
   border: 2px solid #008BCE!important;
    border-radius: 28px!important;
}

#contacto i img{
    max-width: 3rem;
    padding-right: 1rem;
}

#contacto img{
    max-width: 25rem;
}

#herramientas{
    background: #F1F2F2;
    padding-top: 4rem;
}

.titular{
    padding-bottom: 3rem;
}

.pedazo li{
    cursor: pointer;
}
footer{
    background: #29378C;
    color: white;
}

footer .card{
    background: none;
    border: none;
    text-align: left;
    color: white;
    font-size: .8rem;
}

.card-body img{
    max-width: 2rem,
}

footer h3{
    margin: 0 auto;
}

footer ul{
    list-style: none;
}

footer .pedazo{
    border-right: 1px solid blue;
}

footer i img{
    max-width: 1rem;
}


.footercont{
    text-align: left;
}

.footercont i{
    color:white;
     text-decoration: none;
}



.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}


@media(min-width:768px)
{
   .carousel-caption {
       
      top:55%;
      transform: translate(0%, -50%);
  } 
    
    .navbar-nav .active{
    border-bottom: 2px solid blue;
}

.navbar-nav .nav-link:hover{
    border-bottom: 3px solid blue;
}
}

@media(max-width:768px)
{
    .logoblanco{
        display: none;
    }
    
    .footercont{
    text-align: center;
}
    
 .logos img{
    max-width: 20rem;
}
    
    #trabajar{
    padding-top: 3rem;
}
    
    #servicios h6{
    font-size: .8rem;
}
    
    #herramientas{
    padding-top: 2rem;
}
    
    .titular{
    padding-bottom: 1rem;
}

   
}