*{
     box-sizing: border-box;
     padding: 0;
     margin: 0;
}

html{
     font-size: 62.5%;
}

#headerButton{
     font-size: 1.8rem;
}

.titulo{
     font-size: 6rem;
     color: white;
}
.nombre{
    font-size: 5rem;
    color: white 
}

.subtitulo{
     font-size: 2rem;
     color:white;
}

.rowHeader{
     padding-left: 100px;

}

.imgface img{
     height: 200px;
     padding-left: 41%;

 }
 
.telefonos{
     font-size: 4rem;
     color: white;
     /*animation: bounce; /* referring directly to the animation's @keyframe declaration */
     /*animation-duration: 2s; /* don't forget to set a duration! */
     /*animate__animated animate__pulse animate__infinite animate__delay-5s*/
}

.telefonos span img{

     height: 60px;
}

.d-flex-1{
background: rgb(196,195,209);
background: radial-gradient(circle, rgba(196,195,209,1) 0%, rgba(117,114,128,0.8463760504201681) 46%, rgba(60,125,138,0.33657212885154064) 100%);
position:fixed;
display: none;
width:100vw;
height: 100vh;
align-items:center;
justify-content:center;
z-index:9999;
transition: all 1.5%;
}

.spinner-grow{
    height: 4rem !important;
     width: 4rem !important;
}

.container1{
background-image: linear-gradient( rgba(17, 110, 13, 6.4), rgba(12, 133, 32, 0.5)), url("../images/header-footer/13.png");
background-position: center; /* Center the image */
background-repeat: repeat-x; /* Do not repeat the image */
background-size: 150rem; /* Resize the background image to cover the entire container */
     
}
#telefonos img{
 
	animation:pulse 3s infinite;
	border-radius: 90%;
 }
 
 @keyframes pulse{
 
	 from{
	 	transform: scale(0.95);
		box-shadow: 0 0 0 0px rgb(250, 246, 5);
	 
	 }
	
	 to {
	 	transform: scale(1);
		box-shadow: 0 0 0 10px rgba(30, 124, 80, 0);
	 }
 
 
 }

.navbar .container{
    flex-direction: column; 
}


 #rowRedes img{
     height: 48px;
     border-radius: 6px;
 }

 
/*Footer*/
 .rowRedesFooter{
     width:36px;
     height:36px;
     border-radius: 6px;
 }

 .bi{
     width: 60px;
     height: 30px;
 }


 #telefonos {
     text-align: center;
    
 }

 a:link, a:visited, a:active{
     text-decoration: none;
     color: white;
 }

.modal-title{
     color:white;
}

.modal{
   background: #0005;
}

img#foto1, #foto2, #foto3 {
     border-radius: 20px;
 }