@font-face {
    font-family: 'Raleway1';
    src: url(https://misionerosdeguadalupe.org/general/font/raleway/Raleway-Medium-Original.otf);
    font-style: normal;
}

p{
    font-family: 'Raleway1', sans-serif;
    font-size: 16px;
}

h1, h2, h5{
    font-family: 'Raleway1', sans-serif;
}

h1, h2{
	color: #341F53;
}

.card:hover{
	background-color: #f0eeff;
	color: #341f53;

}


.accordion-header{
	background-color: #f0eeff;
	color: #341f53;
}

footer{
	background: -webkit-linear-gradient(230deg, #e3deed,#341f53);/* Chrome 10-25, Safari 5.1-6 */                          
	background: linear-gradient(230deg, #e3deed,#341f53);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
}

#seccion2{
	background: -webkit-linear-gradient(30deg, #e3deed,#341f53);/* Chrome 10-25, Safari 5.1-6 */                          
	background: linear-gradient(30deg, #e3deed,#341f53);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */                                                                                        
}


#seccion5, #seccion8{
	background-color:#E3DEED;
}

.color-icono{
	color: #341F53;
}

.color-boton{
	background-color: #A5668B; 
	color: white;
}



.colAnimation:nth-child(odd){
	transform: translateY(50%);
}
.colAnimation:nth-child(even){
	transform: translateY(-50%);
}

.colAnimation{
	animation: appear linear;
	animation-duration: 2s;
	animation-fill-mode: both;
	/*animation-range*/
}

@keyframes appear{
	from{
		opacity: 0;
		scale: 1;
	}

	to{
		opacity: 1;
		scale: 1;
		transform: translateX(0);
	}
}