body {
	font-family: arial;
	margin: 0;
	overflow: hidden;
	transition: background-color .5s;
}
.contenidos {
	max-height: 100vh;
	max-width: 100%;
	padding: 3em;
	overflow: scroll;
	scroll-snap-type: y mandatory;
}

.panel {
	height: 100vh;
	width: 100%;
	display: flex;
	scroll-snap-align: start;
	justify-content: center;
	align-items: center;
}

@font-face {
	font-family: 'MoreSugar';
	src: url(https://misionerosdeguadalupe.org/cofami/font/MoreSugar-Thin.otf);
}

.title {
	font-size: 3em;
	font-family: 'MoreSugar', sans-serif;
}

.subtitle{
	font-family: 'MoreSugar', sans-serif;
}

.color-red{
	color: #d0043d;
}

.color-red-trans{
	background-color: rgba(208, 4, 61, .1);
}

.color-yellow{
	color: #FFC400;
}

.color-blue{
	color: #004aad;
}

.color-blue-trans{
	background-color: rgba(0, 74, 173, .1);
}

.color-green{
	color: #227b0f;
}

.color-green-trans{
	background-color: rgba(34, 123, 15, .1);
}

.link{
	text-decoration: none;
}

.pointer{
	cursor: pointer;
}

.text-small{
	font-size: 12px;
}




/* Mobile styles */
		@media only screen and (max-device-width: 400px), only screen and (max-width: 600px) { 

			body{
				overflow: visible;
			}
			/*Contenido 1*/
			.panel{
				height: auto;		
			}

			.logo{
				width: 50%;
			}

			.title{
				font-size: 2em;
				text-align: center;
			}

			.subtitle-header{
				text-align: center;
			}

			.ebooks{
				max-width: 80%;
			}

			.chica-cofami{
				max-width: 80%;
			}

			.card-title-movil{
				font-size: 16px;
			}

			}