// Reveal on scroll
.revealOnScroll { opacity: 0; }

body {
	font-family: 'Fugaz One', cursive;
}
section {
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	text-align: center;
}

.naranja {
	background-image: url(../img/naranja.jpg);
	border-bottom:50px solid #0089A6;
	padding-top: 20vh;
}
.naranja h2 {
	font-size: 50px;
	transition: all 1s;
	color:#0089A6;
	text-shadow: 1px 1px 0px black;
}
.naranja h3 {
	font-size: 35px;
	color:#0089A6;
	text-shadow: 1px 1px 0px black;
}

.limon {
	background-image: url(../img/limon.jpg);
	border-top:50px solid #0089A6;
	border-bottom:50px solid #8A4BC2;
	padding-top:20vh;
}
.limon h3 {
	font-size: 40px;
	color: #8A4BC2;
	text-shadow: 1px 1px 0px black;
}

.limon article {
	margin-top:10vh;
	text-align: center;
}

.limon article .imagen {
	margin:5px;
	width: 300px;
	height: 200px;
	border:solid 4px #8A4BC2;
	background-image: url(../img/lima.jpg);
	background-position: center;
	background-size: cover;
	display: inline-block;
}

.lima {
	background-image: url(../img/lima.jpg);
	border-top:50px solid #8A4BC2;
	border-bottom: 50px solid #4B46F5;
	padding-top: 30px;
}

.lima article {margin:0 50px;}
.lima article .imagen {
	margin:5px;
	width: 200px;
	height: 200px;
	border:solid 4px #4B46F5;
	background-image: url(../img/naranja.jpg);
	background-position: center;
	background-size: cover;
	display: inline-block;
}
.refresco {
	background-image: url(../img/refresco.jpg);
	border-top: 50px solid #4B46F5;
	padding-top: 30px;
}

.refresco h1 {
	font-size: 50px;
	line-height: 1.5;
	color:#4B46F5;
	text-shadow: 1px 1px 0 black;
}

.refresco h2 {
	font-size:30px;
	line-height: 1.5;
	color:#4B46F5;
	text-shadow: 1px 1px 0 black;
}

.refresco article .imagen {
	margin:5px;
	width: 200px;
	height: 200px;
	border:solid 4px #4B46F5;
	background-image: url(../img/limon.jpg);
	background-position: center;
	background-size: cover;
	display: inline-block;
}