@charset "utf-8";
/* CSS Document */



@media only screen and (min-width: 1px) and (max-width: 1200px) {
	
	.columna-griega-izquierda {
		display: none;
	}
	
}


	


@media only screen and (min-width: 1px) and (max-width: 899px) {
	
	.lightbox-web {
		left: 5%;
		margin-left: 0px;
	}
	
	
	.logout {
		margin-right: 10px;
	}
	
	.asistencia-confirmada,
	.inasistencia-confirmada {
		width: 60%;
		margin: 10px 20%;
	}
	
	.confirma-tu-asistencia {
		margin-right: 10px;
	}
	
	.decalogo-main {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		height: auto;
		margin: 10px auto;
	}
	
	.flecha-prev {
		width: 40px;
		height: 40px;
		left: -45px;
		margin-top: -20px;
	}
	
	.flecha-next {
		width: 40px;
		height: 40px;
		right: -45px;
		margin-top: -20px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 800px) {
	
	body {
		font-size: 25px;
	}
	
	.bg-contenido {
		min-height: auto;
	}
	
	.portada {
		width: 100%;
		height: auto;
		float: left;
		display: block;
	}
	
	.bg-accordion {
		display: none;
		max-height: 50%;
	}
	/*
	.bg-accordion {
		max-height: 50%;
	}
	
	.accordion ul li {
		width: 100%;
		height: 100%;
		float: left;
	}
	
	.accordion ul li:nth-child(1) {
		width: 100%;
		height: 100%;
		float: left;
	}
	
	.accordion ul li div a {
		height: 100%;
	}
	*/
	.corona-olivos {
		width: 100%;
		height: auto;
	}
	
	.wedding {
		font-size: 75px;
	}
	
	.titulo, .titulo-blanco {
		padding: 0px;
		font-size: 30px;
		margin: 30px 0px;
	}
	
	.dia-boda {
		font-size: 45px;
	}
	
	.fecha-boda {
		font-size: 100px;
	}
	
	.hora-boda {
		font-size: 35px;
	}
	
	.historia-main {
		padding: 10px 0px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
	.historia-main {
		text-align: center;
	}
	
	.historia-img-responsive {
		display: block !important;
	}
	
	.historia-img-ocultar {
		display: none;
	}
	
	.historia-img-izquierda, .historia-img-derecha {
		width: 100%;
		height: 150px;
		margin: 0px 0px;
		object-fit: contain;
		object-position: 50% 50%;
	}
	
	.historia-linea-punteada {
		display: none;
	}
	
	.historia-txt-derecha, .historia-txt-izquierda {
		width: 100%;
		padding: 0px 10px;
		font-size: 18px;
		margin-top: 15px;
		text-align: center;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 500px) {
	
	.logo {
		width: 120px;
		height: 60px;
	}
	
	.menu-responsive {
		font-size: 20px;
	}
	
	.confirma-tu-asistencia {
		font-size: 14px;
	}
	
	.asistencia-confirmada,
	.inasistencia-confirmada {
		width: 100%;
		margin: 10px 0px;
	}
	
	.tabla-invitado-nombre, 
	.tabla-invitado-apellido {
		width: 100%;
		float: left;
	}
	
	.total-invitados-no-asistiran {
		left: 145px;
		bottom: 15px;
	}
	
	.total-invitados-pendientes {
		left: 80px;
		bottom: 15px;
	}
	
	.total-invitados-asistiran {
		bottom: 15px;
	}
	
	.tabla-editar {
		width: 300px;
		display: inline-block;
	}
	
	.tabla-label {
		width: 200px;
		height: 50px;
		display: table-cell;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	
	.tabla-data {
		width: 100px;
	
}





@media only screen and (min-width: 1px) and (max-width: 350px) {
	
	.confirma-tu-asistencia {
		max-width: -moz-calc(100% - 180px);
		max-width: -webkit-calc(100% - 180px);
		max-width: -o-calc(100% - 180px);
		max-width: calc(100% - 180px);
	}
	
	.logout {
		margin-top: 0px;
	}
	
	.invitaciones h1 {
		margin: 0px;
	}
	
}