/* Sección 1 */
.bg {

	/* The image used */
	background-image: url("../img/main.jpg");

	/* Full height */
	min-height: 700px;
	height: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	flex-wrap: wrap;
	align-content: end;
}

.bg a.btn.btn-primary.btn-lg {
	padding: 20px 150px;
	font: bold 20px / 20px Montserrat-Semibold;
	text-transform: uppercase;
	background: #f33a00;
	position: relative;
	left: 17.5%;
	max-height: 55px;
	margin-bottom: 0.5%;
}

.bg a.btn.btn-primary.btn-lg:hover {
	background: #ab330e;
}

.seccion-der, .seccion-izq
{
	position: absolute;
	width: 100%;
	min-height: 700px;
}

.seccion-der
{
	display: flex;
	align-items: end;
	flex-direction: column;
	/*align-content: flex-end;*/
	/*justify-content: end;*/
}

.vuelta-eh-logo
{
	max-height: 300px;
	max-width: 300px;
	margin-right: 12em;
	margin-top: 10%;
}

.seccion-der .logos
{
	width: 45%;
	margin-top: auto;
	margin-bottom: 2em;
	margin-right: 0.1em;
}

.logos img
{
	max-width: 200px;
}

.logos span
{
	color: black;
	font: bold 0.9em / 2em Montserrat-Semibold;
}

.aguazul, .banpais
{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0px;
	width: 100%;
	max-width: 250px;
}

.seccion-1-cinta
{
	width: 100%;
	margin-top: auto;
	position: absolute;
	bottom: 0;
}

.seccion-1-ciclista
{
	position: absolute;
	margin-left: 16.5%;
	bottom: 0;
	margin-top: auto;
	width: 38%;
}

#countdown {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	background-image: url(../img/countdown.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#countdown>div
{
	font: bold 36px / 26px Montserrat-Semibold;
	color: #fff;
}

/* Tarjetas */

.tarjetas-contenedor {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}

.tarjetas-contenedor .col:first-child,
.tarjetas-contenedor .col:last-child {
	display: none;
}

.tarjetas-contenedor .col {
	width: 260px;
	position: relative;
	display: inline-block;
}

.tarjetas-contenedor .col .card {
	min-height: 250px;
	height: 100%;
}

.tarjetas-contenedor .col .card .card-header {
	background-color: white;
	/*font: bold 20px / 20px arial;*/
	font: bold 25px/20px ClashDisplay-Bold;
	color: #f33a00;
	border-bottom: white;
}

.tarjetas-contenedor .col .card p.card-text {
	margin-bottom: 0;
	font: 300 18px/24px ClashDisplay-Regular;
	color: black;
}

.card-title i
{
	color: #f33a00;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.bg
	{
		background-position: right;
		height: 100%;
		min-height: 700px;
		align-content: center;
		justify-content: center;
	}

	.bg a.btn.btn-primary.btn-lg
	{
		padding: 20px 50px;
		left: unset;
		margin-top: 98%;
	}

	.seccion-izq
	{
		overflow: hidden;
		top: 0;
	}

	.seccion-1-cinta
	{
		min-width: 700px;
		transform: translateX(-6%);
		margin-top: 28em;
		position: unset;
	}

	.seccion-der
	{
		align-items: center;
		bottom: 0;
	}

	.seccion-1-ciclista
	{
		width: 65%;
		margin-left: 18%;
		margin-top: -16em;
		bottom: unset;
	}

	.vuelta-eh-logo
	{
		max-height: 150px;
		max-width: 150px;
		margin-right: 0;
		margin-top: -22%;
	}

	.seccion-der .logos
	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-right: unset;
		margin-bottom: 16em;
	}

	.aguazul, .banpais
	{
		max-width: unset;
	}

	.logos img
	{
		max-width: 150px;
	}

	.logos span
	{
		font: bold 0.8em / 2em Montserrat-Semibold;
	}

	#countdown
	{
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}

	#countdown>div
	{
		font: bold 26px / 26px Montserrat-Semibold;
	}

}

/* Sección 2 */
.seccion-2 .fondo-blanco
{
	height: 350px;
	background-image: url("../img/seccion2-fondo1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.fondo-blanco h4, .fondo-blanco h3
{
	color: #1d8495;
}

.fondo-blanco h4
{
	color: #1d8495;
	font: bold 3em/0em ClashDisplay-Bold;
}

.fondo-blanco h3
{
	color: #1d8495;
	font: bold 4.5em/1.5em ClashDisplay-Bold;
}

.seccion-2 .fondo-azul
{
	height: 560px;
	background-image: url("../img/seccion2-fondo2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.titulos-fondo-azul h4
{
	color: white;
	font: bold 3em/1em ClashDisplay-Bold;
}

.titulos-fondo-azul p
{
	color: white;
	font: bold 1.8em/1em Montserrat-Semibold;
	max-width: 640px;
}

.separador-cinta
{
	position: absolute;
	z-index: 10;
	width: 100%;
}

.titulos-fondo-blanco
{
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.titulos-fondo-azul
{
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.tarjetas-info-contenedor
{
	display: flex;
	max-height: 100px;
}

.tarjeta-info
{
	min-height: 200px;
	min-width: 300px;
	background-color: white;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 30px;
	text-align: center;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	display: flex;
}

.tarjeta-info span
{
	color: #1d8495;
	font: bold 30px/60px Montserrat-Semibold;
	margin-top: auto;
}

.tarjeta-info img
{
	margin-top: auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.separador-cinta
	{
		margin-top: 70%;
	}

	.fondo-blanco h4
	{
		font: bold 1.6em / 1em ClashDisplay-Bold;
	}

	.fondo-blanco h3
	{
		font: bold 3.6em / 1em ClashDisplay-Bold;
	}

	.titulos-fondo-azul h4
	{
		font: bold 2.7em / 1em ClashDisplay-Bold;
	}

	.titulos-fondo-azul p
	{
		font: bold 2em / 1em Montserrat-Semibold;
		padding-left: 20px;
		padding-right: 20px;
	}

	.seccion-2 .fondo-azul
	{
		height: 675px;
	}

	.tarjetas-info-contenedor
	{
		min-height: 100px;
		max-width: 100%;
		max-height: 260px;
		overflow-x: scroll;
	}
}

/* Sección 3 */

.video-cont {
	min-height: 400px;
	display: flex;
	flex-direction: column;
}

.video-cont .col-md-6 {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

.video-cont .col-md-6 h3:first-child {
	font: bold 32px / 36px arial;
}

.video-cont .col-md-6 h3 {
	font: bold 48px / 48px arial;
}

.video-cont .col-md-6 h4 {
	font: bold 24px / 28px arial;
}

.video-cont a.btn.btn-primary.btn-lg {
	margin: 20px 0 0;
	padding: 20px 150px;
	font: bold 20px / 20px arial;
	text-transform: uppercase;
	background: #b5252e;
}

.video-cont a.btn.btn-primary.btn-lg:hover {
	background: #5a8fef;
}

.seccion-3.video-cont {
	color: #fff;
	background: #fff url("../img/seccion2-fondo1.jpg");
	background-blend-mode: multiply;
}

.video-cont a.btn.btn-primary.btn-lg {
	background: #e2a64e;
}

.video-cont .col-md-6 h3:nth-child(2),
.video-cont .col-md-6 h3:nth-child(4) {
	color: #e2a64e;
}

.iframe-cont {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.iframe-cont
	{
		height: 100%;
		min-height: 400px;
	}
}

/* Sección 4 */
.patrocinio-titulo
{
	background-image: url("../img/cabecera-patrocinadores.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.patrocinio-titulo h3
{ 
	color: white;
	font: bold 3em/1em ClashDisplay-Bold;
}

.grid-patrocinio
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 50px;
	padding: 50px;
	background-image: url("../img/fondo-patrocinadores.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -2%;
}

.grid-patrocinio img
{
	width: 100%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.patrocinio-titulo h3
	{
		font: bold 2em / 1em ClashDisplay-Bold;
	}

	.grid-patrocinio
	{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 25px;
		padding: 25px;
	}
}

/* Sección 5 */

.instafeed-cont
{
	background-image: url("../img/fondo-instagram.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 660px;
	display: flex;
}

.instafeed-titulo h3
{
	color: white;
	font: bold 2.5em/1em ClashDisplay-Bold;
}

.instafeed-titulo h4
{
	color: white;
	font: bold 2.3em/1.5em Montserrat-Semibold;
}

.instafeed-titulo p
{
	color: white;
	font: bold 2em/1em Montserrat-Semibold;
}

.rrss a
{
	color: white;
	font: bold 2.3em/3em Montserrat-Semibold;
	padding: 5px;
}

.rrss-cont, .insta-gal
{
	width: 50%;
}

.insta-gal
{
	text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
}

.rrss-cont
{
	text-align: center;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	display: flex;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.rrss-cont
	{
		background-image: url(../img/fondo-instagram-movil.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-x: center;
		min-height: 600px;
	}

	.rrss-cont, .insta-gal
	{
		width: 100%;
	}

	.instafeed-cont
	{
		background-image: unset;
		flex-wrap: wrap;
	}	

	.insta-gal
	{
		min-height: 300px;
		height: 100%;
		background-image: url(../img/fondo-instagram-movil-2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
	}

	.instalink
	{
		bottom: 0;
		position: relative;
		margin-top: auto;
	}

	.instafeed-titulo h3
	{
		color: white;
		font: bold 2em / 1em ClashDisplay-Bold;
	}

	.rrss a
	{
		font: bold 2em / 3em Montserrat-Semibold;
		padding: 5px;
	}

	.instafeed-titulo p
	{
		font: bold 1.6em / 1em Montserrat-Semibold;
	}
}

/* Sección 6 */

.strava-cont
{ 
	background-image: url("../img/fondo-strava.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 940px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.strava-wrap
{
	text-align: center;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	display: flex;
}

.strava-wrap h3
{
	color: #084650;
	font: bold 2.2em/1em ClashDisplay-Bold;
	margin-top: auto;
	width: 65%;
}

.strava-wrap a
{
	color: white;
	font: bold 2.5em/1em ClashDisplay-Semibold;
	background-color: #30595f;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	height: 90px;
	display: flex;
	align-items: center;
}
.strava-wrap a:hover
{
	background-color: #063941;
	color: white;
}

.strava-logo
{
	max-width: 500px;
	margin: 20px;
}
.strava-btn
{
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.strava-wrap
	{
		max-width: 100%;
		overflow: hidden;
	}

	.strava-wrap h3
	{
		font: bold 2em / 1em ClashDisplay-Bold;
		width: 100%;
	}

	.strava-logo
	{
		max-width: 300px;
	}

	.strava-btn
	{
		width: 95%;
	}

	.strava-wrap a 
	{
		font: bold 1.9em / 1em ClashDisplay-Semibold;
	}
}

/*

.gallery-item img {
	height: 200px !important;
	width: 200px !important;
	padding: 5px;
	object-fit: cover;

}

.ig_post_container {
	border: 2px solid #f1f1f1;
	margin-bottom: 25px;
	margin-left: 3%;
	width: 20%;
	height: 300px;
	float: left;
	position: relative;
}

.ig_post_container img {
	width: 100%;
	vertical-align: middle;
}

.ig_post_container .ig_post_details {
	padding: 15px;
}

.ig_post_container .ig_view_link {
	margin-top: 10px;
}

.ig_feed_container .ig_post_container {
	position: relative;
	overflow: hidden;
}

.ig_feed_container .ig_post_container img {
	vertical-align: middle;
}

.ig_feed_container .ig_post_details {
	margin: 0;
	padding: 1em;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	overflow: auto;
	box-sizing: border-box;
	transition: transform 0.5s;
	transform: translateY(100%);
	background: rgba(0, 0, 0, 0.7);
	color: rgb(255, 255, 255);
}

.ig_feed_container .ig_post_container:hover .ig_post_details {
	transform: translateY(0%);
}

.grid-patrocinio {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.grid-patrocinio img {
	width: 100%;
}*/
/*
.campana-cont {
	margin: 20px auto 40px;
	width: 100%;
	max-width: 830px;
	display: flex;
	background: #eeeeee;
	padding: 20px;
}

.campana-cont h4 {
	font: bold 18px / 20px arial;
	color: #b5252e;
}

.campana-cont p {
	width: 90%;
}

.patrocinio-cont {
	width: 100%;
	padding: 40px;
	margin: 0 0 40px;
}

.patrocinio-cont .patrocinio-titulo {
	text-align: center;
	font: bold 20px / 20px arial;
}

.instalink {
	text-align: center;
}

.instafeed-cont {
	display: flex;
	flex-direction: column;
	padding: 20px 40px;
	margin-bottom: 40px;
}

.instafeed-cont .instafeed-titulo {
	margin-bottom: 20px;
}

.instafeed-cont h3 {
	font: bold 24px / 24px arial;
}

.instafeed-cont h3,
.strava-cont h3 {
	text-align: center;
}

.instafeed-cont h4 {
	font: bold 18px / 18px arial;
}

.strava-cont {
	margin: 0 auto;
	padding: 20px 40px;
}

.galeria-cont {
	min-height: 300px;
	margin-bottom: 40px;
}

.bg a.btn.btn-primary.btn-lg {
	padding: 20px 150px;
	font: bold 20px / 20px arial;
	text-transform: uppercase;
	background: #b5252e;
	position: relative;
	top: 45%;
	left: 12%;
}

.bg a.btn.btn-primary.btn-lg:hover {
	background: #5a8ff1;
}

.strava-cont img.strava-logo {
	max-width: 930px;
}

.strava-cont h3 {
	font: bold 22px / 26px arial;
}

.strava-cont a.btn.btn-warning.btn-lg {
	padding: 20px 60px;
	font: bold 20px / 20px arial;
}


@media only screen and (max-width: 600px) {
	.bg {
		height: 300px;
		background-size: cover;
		background-position-x: right;
	}

	.bg a.btn.btn-primary.btn-lg {
		padding: 20px 50px;
		top: 40% !important;
	}

	#countdown>div {
		font: bold 22px / 22px arial;
		text-align: center;
		width: 60px;
	}

	.tarjetas-contenedor .col .card .card-header {
		font: bold 18px/18px arial;
	}

	.video-cont .col-md-6 h3:first-child {
		font: bold 20px / 24px arial;
	}

	.video-cont .col-md-6 h3 {
		font: bold 36px / 40px arial;
	}

	.video-cont .col-md-6 h4 {
		font: bold 18px / 22px arial;
	}

	.video-cont a.btn.btn-primary.btn-lg {
		padding: 20px 50px;
	}

	.campana-cont img {
		width: 100%;
	}

	.patrocinio-cont {
		display: inline;
	}

	.grid-patrocinio {
		display: grid;
		grid-gap: 30px;
	}

	.instafeed-cont {
		padding: 20px;
		margin-bottom: 40px;
	}

	.ig_feed_container {
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.ig_post_container {
		width: 90%;
		height: auto;
	}

	.instalink {
		width: 100%;
		margin: 0 auto;
		position: relative;
		display: contents;
	}

	.strava-cont {
		margin: 20px;
		padding: 20px 20px;
	}

	.strava-cont img.strava-logo {
		max-width: initial;
		width: 100%
	}

	.strava-cont a.btn.btn-warning.btn-lg {
		padding: 10px 40px;
		font: bold 20px / 20px arial;
		width: 100%;
		margin-top: 10px;
	}

	.galeria-cont {
		width: 100%;
	}

	#lightgallery {
		display: grid;
		grid-template-columns: 50% 50%;
	}

	#lightgallery img {
		width: 100% !important;
	}

	.seccion-4.camisa-cont .row.gx-0 {
		display: inline;
	}
}

.bloque-logo-rotario {
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
}

.logo-fundacion,
.logo-fundacion,
.camisa {
	max-width: 300px;
}

div#lightgallery {
	text-align: center;
}*/

/*home seccion camisa*/
/*.seccion-4.camisa-cont {
	position: relative;
	text-align: center;
}

.camisa-cont .camisa-titulo {
	position: relative;
	display: inline-block;
	width: 90%;
	margin: 0 auto;
}

.seccion-4.camisa-cont .row.gx-0 {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	white-space: nowrap;
	margin: 0 auto;
}

@media only screen and (min-width: 600px)
{
	.seccion-4.camisa-cont .row.gx-0 {
		width: 50%;
	}
}*/

/*titulos secciones home*/
/*.patrocinio-titulo h3,
.camisa-cont h3,
.instafeed-cont h3,
.strava-cont h3 {
	margin: 20px 0;
	border-bottom: 2px solid #4887dc;
	padding-bottom: 20px;
	width: 80%;
	margin: 0 auto;
	font-weight: 700;
}

.header li.fa-solid:hover {
	border-bottom: 3px solid #b5252e;
}*/

/*seccion videos home*/
/* estilos para iconos de redes sociales*/ 
.social.facebook, .social.twitter, .social.whatsapp, .social.mail {display: none;}
.social-buttons-text {display: block;visibility: visible;}

/* estilos para responsive */
@media only screen and (max-width: 600px) {

	/* estilos para iconos de redes sociales*/ 
	.social.facebook, .social.twitter, .social.whatsapp, .social.mail {display: block;visibility: visible;}
	.social-buttons-text {display: none!important;}

}

/*----Sociales----*/
/*Redes sociales*/
.framed .text
{
	position: relative;
}
.framed .text .social-buttons-text
{
	width: 50px;
	height: 200px;
	left: 0;
	position: fixed;
	top: 26%;
	z-index: 99;
}
.framed .text .social-buttons-text .btn
{
	background-color: white !important;
	border: none;
	color: #5b595a;
	font-size: 0.75rem;
	margin: 10px 5px;
	
	/*	Prueba: quitar*/
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	padding: 0.5em 0.75em;
	height: 40px;
}
	/*	Botón de WhatsApp*/
.framed .text .social-buttons-text .btn.btn-fb
{
	background-color: #1da851 !important;
	color: white;
}
	/*	Botón de Facebook*/
.framed .text .social-buttons-text .btn.btn-facebook
{
	background-color: #2d4373 !important;
	color: white;
}
	/*	Botón de Twitter*/
.framed .text .social-buttons-text .btn.btn-twitter
{
	background-color: #000000 !important;
	color: white;
}
	/*	Botón de Mail*/
.framed .text .social-buttons-text .btn.btn-mail
{
	background-color: #5e5e5e !important;
	color: white;
}

.framed .text .social-buttons-text a.btn svg
{
	width: 38px;
	height: 38px;
}
.framed .text .social-buttons-text a.btn span.score
{
	padding-left: 0px;
	text-align: center;
	display: block;
}

/*Redes Sociales de final de nota*/
.framed .share1{
	display: none;
}
.framed .share2{
	display: none;
}

@media only screen and (max-width: 828px)
{
	.framed .text .social-buttons-text
	{
		width: calc(100% - 2.5rem);
		box-sizing: border-box;
		position: static;
		flex-direction: row;
		
		column-gap: 0.625rem;
		box-shadow: -1px 1px #ccc;
		margin-bottom: 1.25rem;
		margin-left:  1.25rem;
		margin-right:  1.25rem;
	}
	.framed .text .social-buttons-text .btn
	{
		display: inline-block;
	}
}

/*BTN compartir y subir*/

.icon-arrow-up2 {width: 60px;height: 60px;display: block;background: url(../img/arriba.png) center center no-repeat;background-size: contain!important;}
.ir-arriba {padding: 20px;color: #fff;position: fixed;font-size: 20px;bottom: 100px;right: 20px;display: none;cursor: pointer;z-index: 99999;}
.btn-share {display: inline-block;background: #fff url(../img/share.png) center center no-repeat!important;background-size: contain!important;border-radius: 50px!important;}

@media only screen and (max-width: 600px) {
.icon-arrow-up2 { border-radius: 50px!important;}
.ir-arriba {bottom: 70px!important;}
}

/* Vuelta Infantil*/

.vuelta-infantil-cont {

	/* The image used */
	background-image: url("../img/vuelta-infantil-fondo.jpg");

	/* Full height */
	min-height: 700px;
	height: 100%;

	/* Center and scale the image nicely */
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	flex-wrap: wrap;
	align-content: end;
}

.vi-seccion-der, .vi-seccion-izq
{
	position: absolute;
	width: 100%;
	min-height: 600px;
}

.vi-seccion-der
{
	display: flex;
	align-items: end;
	flex-direction: column;
	overflow: hidden;
}

.vi-seccion-cen
{
	position: relative;
	width: 100%;
	max-height: 165px;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	height: 100%;
}

.vi-logos-cont img
{
	max-height: 125px;
}

.vi-seccion-cen h4
{
	font: bold 0.9em / 2em Montserrat-Bold !important;
}

.vi-mp-cont
{
	width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-self: center;
}

.vi-mp-cont h3
{
	color: white;
	font: bold 2em / 3em Montserrat-Semibold;
}

.vi-logo-mp
{
    max-width: 300px;
	max-height: 50px;
}

.vi-logo
{
	max-height: 300px;
	max-width: 300px;
}

.vi-seccion-der .vi-logos-2
{
	width: 45%;
	margin-top: auto;
	margin-bottom: 5em;
	margin-right: 0.1em;
}

.vi-logos-1
{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    width: 50%;
    margin-top: 1%;
}

.vi-logos-2 img
{
	max-width: 65px;
	/*width: 50%;*/
}

.vi-lugar img
{
	max-width: 65px;
	width: 50%;
}

.vi-datos img
{
	max-width: 65px;
	width: 30%;
}

.vi-logos-2 span
{
	color: black;
	/*font: bold 0.9em / 2em Montserrat-Semibold;
	width: 50%;*/
}

.vi-lugar span
{
	font: bold 0.9em / 2em Montserrat-Bold!important;
    width: 50%!important;
}

.vi-datos span
{
	font: bold 0.9em / 1.5em Montserrat-Bold!important;
    width: 70%!important;
}

.vi-lugar
{
	display: flex;
	align-items: center;
	flex-direction: unset;
	padding: 0px;
	width: 100%;
	max-width: 250px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.vi-datos
{
	display: flex;
	align-items: center;
	flex-direction: unset;
	padding: 0px;
	width: 100%;
	max-width: 250px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.vi-cinta
{
	width: 100%;
	margin-top: auto;
	position: absolute;
	bottom: 0;
}

.vi-ciclista
{
	position: absolute;
	margin-left: 18%;
	bottom: 0;
	margin-top: auto;
	width: 34%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.vuelta-infantil-cont
	{
		background-position: right;
		height: 100%;
		min-height: 1300px;
	}
 
	.vi-seccion-izq
	{
		overflow: hidden;
		top: unset;
	}

	.vi-cinta
	{
		min-width: 700px;
		transform: translateX(-6%);
		margin-top: 28em;
		position: unset;
	}

	.vi-seccion-der
	{
		align-items: center;
		bottom: unset;
	}

	.vi-ciclista
	{
		width: 65%;
		margin-left: 18%;
		margin-top: -16em;
		bottom: unset;
	}

	.vi-mp-cont
	{
		width: unset;
	}

	.vi-mp-cont h3
	{
		font: bold 1.5em / 2em Montserrat-Semibold;
	}

	.vi-logo-mp
	{
	    max-width: 300px;
		max-height: 50px;
	}

	.vi-logo
	{
		width: 45%;
	}

	.vi-seccion-der .vi-logos-2
	{
		margin-bottom: 1em;
		width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: unset;
        margin-top: 75%;
        bottom: 0;
	}

	.vi-seccion-cen
	{
		max-height: unset;

	}

	.vi-logos-cont
	{
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		justify-content: space-around;
	}

	.vi-lugar, .vi-datos
	{
		max-width: unset;
	}

	.vi-logos-2 img
	{
		max-width: 65px;
		width: 30%;
	}

	.vi-logos-2 span
	{
		font: bold 0.8em / 2em Montserrat-Semibold;
	}

	.vi-lugar span
	{
		font: bold 0.9em / 2em Montserrat-Bold;
	}

	.vi-datos span {
	    font: bold 0.9em / 1.5em Montserrat-Bold !important;
	    width: 70% !important;
	}

	.vi-logos-1
	{
		width: unset;
	}

	.vi-datos img
	{
		max-width: 65px;
		width: 30%;
	}

}