/* ----- Dos Puentes index CSS ----- */

/*#loading {
	width: 100%;
	height: 100%
	animation: fadeinout ease-in 2.0s;
}	

#master {
	width: 100%;
	height: 100%;
	animation: fadein ease-in 3s;
}


@keyframes fadeinout{
	
	0% { opacity:0; }
    50% { opacity:100; }
    100% { opacity:0; }

}

@keyframes fadein{
	
	0% { opacity:0; }
	66% { opacity:0; }
    100% { opacity:1; }
}*/


*{
    box-sizing: border-box;
}
html {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vh);
    scroll-snap-type: y mandatory;
}
section {
    /*border-bottom: 1px solid white;*/
    padding: 1rem;
    height: 100vh;
    scroll-snap-align: start;
    text-align: center;
    position: relative;
}

h1 {
	font-weight: bold;
}

.height_100vh{
	height: 20vh;
}

.section-footer {
	height: 20vh;
}


.image-shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#promo {
	width: 100%;
	height:40px;
	margin: 0;
	background-color: red;
	color:white;
	align-items: center;

}