@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');
h1{
    font-family: 'Merriweather', serif;
    font-weight: bolder;
    color: darkgoldenrod;
}
h2{
    font-family: 'Merriweather', serif;
}
h3{
    font-family: 'Merriweather', serif;
}
h5{
    font-family: 'Merriweather', serif;
    color: darkgoldenrod;
} 
p{
    font-family: 'Montserrat', sans-serif;
}
.animate__animated.animate__fadeIn{
    --animate-duration: 5s;
    --animate-delay: 2s;
}
.animate__animated.animate__backInRight{
    --animate-duration: 5s;
    --animate-delay: 5s;
}
.nav-link{
    font-family: 'Montserrat', sans-serif;
    font-size: larger;
    font-weight: 600;
}
.nav-link:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
footer{
    color: rgb(0, 0, 0);
}
i{
    color: darkgoldenrod;
    font-size: xx-large;
}
#foot_md{   
    font-size: xx-large;
}
.fondoservicios{
    background-image: url(../images/experiencia.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    background-attachment: fixed;
}
.imagen1{
    background-image: url(../images/imagen1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    background-attachment: fixed;
}
a{
    color: darkgoldenrod;
    font-family: 'Merriweather', serif;

}
a:hover{
    color: burlywood;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.tel{
    font-family: 'Merriweather', serif;
}
.autor{
    font-family: 'Merriweather', serif;
    font-size: x-small;
    background-color:white;
}
li{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.fondo{
    background-image: url(../images/fondo1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;  
}
#primerp{
    font-size: x-large;
}
#ultimop{
    font-size: larger;
}
.contact1{
    font-size: x-large;
    font-family: 'Merriweather', serif;

}
#primerpa{
    font-size: x-large;
}

.justificado{
    text-align: justify;
}

  /*creating the shake animation*/
    

  /*i:hover{
    animation:  shake 1.8s  ;
  }
  
  @keyframes shake{
    0%{
      transform: translateX(0)
    }
    25%{
      transform: translateX(25px);
    }
      
    50%{
      transform: translateX(-25px);
    }
    100%{
      transform: translateX(0px);
    }
  }
@keyframes zoom {
    0%{
        transform: scale(25px);
    }
    25%{
        transform: scale(75px);
    }
    50%{
        transform: scale(150px);
    }
    100%{
        transform: scale(300px);
    }
    
}*/
video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 105%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2));
    z-index: -2;  
    
}
.radio{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.radio2{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.cinto{
    min-height: 200px;
}
.grow:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.btn-d{
    color: rgb(255, 255, 255);
}