/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* ========================================================================
   BOTON SCROLL-UP
 ========================================================================== */
@media (min-width: 768px)  { 
	
	a>i{
	   color:#010202;
	   animation: none;
	}

	.scroll{
	   border: 1rem solid transparent;
	   border-radius: 3rem;
	   position: fixed !important;
	   bottom: 2rem;
	   right: 2rem;
	   padding: 3px;
	   font-weight: 600;
	   opacity: .9;
	   background-color: #ffee00;
	 }
	.scroll:hover{
		background-color: #ff9b00;
	}
}


/* ========================================================================
   BOTON DE INSCRIPCION
 ========================================================================== */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse, .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* ========================================================================
   AREA DE TESTIMONIOS
 ========================================================================== */
#opinionEstudiantes{
	font-family: monospace;
	font-size: 32pt; 
	font-weight: 900; 
	
	color: white; 
	text-align: center; 
	margin-top:30px; 
	padding:3px;
	text-shadow: .5rem .5rem .3rem black;
}


.testimonios{
	height: 400px;	
}

.carousel{
	margin-top: 90px;
	box-shadow: 0 1rem 15rem rgba(200,100,25,1);
	opacity: .9;
}

.card{
	text-align: justify;
}
.card>img{
	float: left;	
}

.card-body>p{
	text-align: center;
}
.card-body>p>i{
	color: #f6d82a;
}

.card-body>h5{
	font-size: 2rem;
}

@media (max-width: 1024px){
	.testimonios{
		height: 250px;	
	}
	.carousel{
		margin-top: 50px;
		box-shadow: 0 1rem 15rem rgba(200,100,25,1);
		opacity: .9;
	}
	.card-body>h5{
		font-size: 1.3rem;
	}
	.card-body>p{
		font-size: .9rem;
	}
	.card>img, img{
		display: block;
	}
}