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

@media only screen and (min-width: 768px) {
	.izquierda_resultados {
	}
	body {
		font-size: 1.4rem;
	}
	/* Navegacion */
	#logotipo {
		min-height: 170px;
	}
	#logotipo img {
		width: 150px;
		max-width: 150px;
	}
	#frase {
		width: 85%;
		margin: auto;
		letter-spacing: 10px;
	}
	.nav div {
		letter-spacing: 5px;
	}
	
	/* Banner */
	#jssor_1 {
		position: relative;
		margin-top: 240px !important;
	}
	
	/* General */
	#home_principal {
		width: 75%;
		margin: auto;
	}
	.albaricoque {
		margin: auto;
		margin-top: 30px !important;
		letter-spacing: 1px;
	}
	#lineas_titulo {
		margin-top: 90px !important;
	}
	
	#espacio {
		margin-bottom: 60px;
	}
	
	#espacio_02 {
		margin-bottom: 50px;
	}
	
	/* Bodas */
	#bodas_grid_tres {
		grid-template-columns: 33.3% 33.3% 33.3%;
		width: 85%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bodas_grid_tres {
		padding-bottom: 120%;
		width: 98%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bodas_grid_tres_centro {
		position: relative;
		margin-left: 1% !important;
	}
	
	#bodas_grid_uno {
		width: 85%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bodas_grid_uno {
		padding-bottom: 35%;
		width: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#bodas_informacion {
		font-size: 1.1rem;
		padding: 6% 4% 6% 8% !important;
	}
	#bodas_informacion i {
		font-size: 1.4rem;
		line-height: 1.3rem;
	}
	
	#bodas_informacion_02 {
		font-size: 1.1rem;
		padding: 2%;
	}
	#bodas_informacion_02 i {
		font-size: 1.4rem;
		line-height: 1.3rem;
	}

	/* Videos */
	#videos_grid_uno {
		width: 85%;
		margin: auto;
		margin-bottom: 10px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#videos_grid_uno_01 {
		width: 85%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#videos_grid_tres {
		display: grid;
		grid-template-columns: 33.3% 33.3% 33.3%;
		width: 85%;
		margin: auto;
		margin-bottom: 10px;
		text-align: left;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#videos_grid_tres div {
		width: 98%;
	}
	#videos_grid_tres_01 {
		display: grid;
		grid-template-columns: 33.3% 33.3% 33.3%;
		width: 85%;
		margin: auto;
		text-align: left;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#videos_grid_tres_01 div {
		width: 98%;
		margin-bottom: 10px;
	}

	/* Contacto */
	#contacto_grid {
		grid-template-columns: 50% 50%;
		width: 85%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#contacto_grid div {
		width: 96%;
	}
	.contacto_grid {
		width: 100% !important;
		margin-left: 4% !important;
	}
	#contacto_grid label {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.contacto_grid_label {
		margin-top: 0px !important;
	}
	#contacto_grid_tres {
		width: 100% !important;
	}
	#contacto_grid_tres div {
		width: 96% !important;
	}
	/* Crew */
	#crew_grid {
		grid-template-columns: 50% 50%;
		width: 85%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#crew_grid h3 {
		text-align: center;
		font-size: 1.6rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#crew_descripcion {
		font-size: 1.2rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Redes */
	#redes {
		font-size: 2rem;
	}
	
	#footer {
		font-size: 1rem;
	}
	/* Galeria */
	#galeria {
		grid-template-columns: 50% 50%;
		width: 85%;
		margin-top: 240px !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#galeria div {
		height: 250px;
		max-height: 250px;
		width: 98% !important;
		margin: auto;
		margin-bottom: 2%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* testimonios */
	#grid_testimonios {
		grid-template-columns: 50% 50%;
		width: 85%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#grid_testimonios_img {
		width: 200px;
		height: 200px;
		margin: auto;
		margin-bottom: 20px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#testimonios {
		width: 90%;
		height: 100% !important;
		text-align: center;
		margin: auto;
		margin-bottom: 50px;
		font-size: 1.2rem;
	}
	#testimonios i {
		font-size: 1.4rem;
	}
}
@media only screen and (min-width: 1024px) {
	body {
		font-size: 1.5rem;
	}
	#contenedor {
		width: 960px;
		margin: auto;
		margin-bottom: 30px;
		font-size: 1.5rem;
	}
	#frase {
		width: 960px;
		margin: auto;
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: 1.5rem;
	}
	.logo_menu {
		display: none;
	}
	.navbar-collapse {
		background-color: transparent;
		width: 960px;
		margin: auto;
		top: 0px !important;
	}
	.navbar-default .navbar-collapse {
		position: relative;
	}
	.navegacion {
		display: grid;
		grid-template-columns: 20% 20% 20% 20% 20%;
		/* margin-top: 3%; */
		width: 100%;
	}
	.nav div {
		background-color: transparent;
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 1.4rem;
		letter-spacing: 1px;
	}
	.navbar-default .nav div a {
		position: relative;
		margin-top: 0px;
		text-transform: uppercase;
		text-decoration: none;
		color: #6D6E71;
		margin: 0;
	}

	.navbar-default .nav div a:hover,
	.navbar-default .nav div a:focus {
		outline: 0;
		color: #6D6E71;
		text-decoration: none;
	}
	
	/* Banner */
	#jssor_1 {
		position: relative;
		margin-top: 350px !important;
	}
	
	/* General */
	#home_principal {
		width: 760px;
		margin: auto;
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.albaricoque {
		letter-spacing: 1px;
		margin-top: 50px !important;
	}
	#lineas_titulo {
		margin-top: 50px !important;
		width: 960px;
		margin: auto;
	}
	
	/* Bodas */
	#bodas_grid_tres {
		width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#bodas_grid_uno {
		width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	/* Videos */
	#videos_grid_uno {
		width: 960px;
	}
	#videos_grid_uno_01 {
		width: 960px;
	}
	#videos_grid_tres {
		width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#videos_grid_tres_01 {
		width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	/* Contacto */
	#contacto_grid {
		grid-template-columns: 35% 65%;
		width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Crew */
	#crew_grid {
		grid-template-columns: 50% 50%;
		width: 960px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#crew_fotografia {
		width: 250px;
		height: 250px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#crew_grid h3 {
		font-size: 1.8rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#crew_descripcion {
		width: 70%;
		font-size: 1.4rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Redes */
	#redes {
		font-size: 2.5rem;
		width: 960px;
		margin: auto;
	}
	
	#footer {
		font-size: 1.2rem;
	}
	
	/* Galeria */
	#galeria {
		grid-template-columns: 33.3% 33.3% 33.3%;
		width: 960px;
		margin-top: 350px !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#galeria div {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	/* testimonios */
	#grid_testimonios {
		grid-template-columns: 25% 25% 25% 25%;
		width: 760px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#grid_testimonios div {
	}
	#grid_testimonios_img {
		width: 150px;
		height: 150px;
		margin: auto;
		margin-bottom: 20px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#testimonios {
		width: 80%;
		overflow: hidden;
		text-align: center;
		margin: auto;
		margin-bottom: 50px;
		font-size: 1.2rem;
	}
	#testimonios i {
		font-size: 1.7rem;
	}
	
}
@media only screen and (min-width: 1280px) {
	#frase {
		width: 1200px;
	}
	
	#lineas_titulo {
		width: 1200px;
	}
}