/* CUALQUIER PANTALLA */
	@font-face {
		font-family: "Garamond";
		src: url('../fonts/GARA.TTF') 
	}

	@font-face {
		font-family: "Magazine";
		src: url('../fonts/Magazine.ttf') 
	}

	@font-face {
		font-family: "Beauty";
		src: url('../fonts/BeautyDemo.ttf') 
	}

	body {margin: 0; padding: 0; background: #fff; font-family: Garamond;
		background: #ece7e2 url(../images/bg-transparent.png); background-position: center top; background-size: 950px auto; color: #535353 /*#caa781*/;}
	.main-container {margin: 0 auto; padding: 30px 0; }

	.centered-text {text-align: center;}
	.Magazine {font-family: Magazine;}
	.Beauty {font-family: Beauty;}
	.Garamond {font-family: Garamond;}

	.colored-gold {color: #caa781;}
	.colored-black {color: #000;}

	.mayus {text-transform: uppercase;}
	.underline {text-decoration: underline;}

	.no-margin {margin: 0;}
	.no-margin-bottom {margin-bottom: 0px;}
	.no-margin-top {margin-top: 0px;}
	h1.bigger {font-size: 53px;}
	h1.bigger2 {font-size: 48px;}
	h2.bigger {font-size: 40px;}

	.up-body {background: url(../images/bg-header.png) no-repeat center top; width: 100%; height: 105px; text-align: center; padding-top: 25px;}
	.up-body img {width: 55px;}
	.middle-body {background: #fff url(../images/bg-middle.png) repeat-y top center; background-size: 100% auto; padding: 0px 20px 30px 20px;}
	.columnas {display: flex; flex-flow: row;}

	.message1 {background: #e1e1e1; padding: 80px;}
	.message1 img {width: 40px; height: auto; margin: 0px 0 10px 0;}
	.message2 {background: #f0ebe2; padding: 80px;}
	.message2 img {width: 40px; height: auto; margin: 0px 0 10px 0;}
	.message3 {background: #e1e1e1; padding: 20px;}
	.message4 {background: #fff; padding: 80px;}
	.gallery {background: #fff; width: 100%; height: 500px;}
	.foto1 {background: #fff url(../images/sesion/image00007.png) no-repeat center; background-size: auto 100%;}
	.foto2 {background: #fff url(../images/sesion/image00028.png) no-repeat center; background-size: auto 100%;}
	.foto3 {background: #fff url(../images/sesion/image00012.png) no-repeat center; background-size: auto 100%;}
	.foto4 {background: #fff url(../images/sesion/image00001.png) no-repeat center; background-size: auto 100%;}
	

	.final-message {padding: 80px;}

	.separador {width: 100%; height: 1px; border-bottom: 2px solid #f0ebe2;}

	.announcement {text-align: center; padding: 100px 0;}
	.announcement img {width: 40px; height: auto; margin: 0px 0 50px 0;}
	.announcement-names {padding: 200px 0;}

	.save-the-date {padding: 70px 0 50px; 0;}
	.save-the-date img {width: 50px; height: auto; margin: 50px 0;}
	.save-calendar img {width: 250px; margin: 10px 0}

	.location {padding: 50px 0;}
	.location img {width: 50px; height: auto; margin: 50px 0;}
	.location-box1 {background: url(../images/ceremonia.png) center; margin: 25px auto; padding: 20px;}
	.location-bordedbox {border: 3px solid #fff; color: #fff; padding: 30px 0;}
	.location-bordedbox a {text-decoration: none; color: #000; font-weight: bold; padding: 6px 10px; background: #fff;}
	.location-bordedbox a:hover {color: #fff; background:#535353;}

	.itinerary {padding: 70px 0;}
	.activity-box1 {width: 35%; height: auto; padding: 25px 20px 25px 10px; text-align: right; border-right: 2px solid #caa781;}
	.activity-box1 img {width: 60px; height: auto; position: relative; top: 50%; transform: translate(-20%, -50%);}
	.activity-box2 {width: 65%; height: auto; padding: 40px 30px; text-align: left;}
	.activity-box2 h3 {margin: 0; text-transform: uppercase;}

	.dresscode {padding: 30px 0 80px 0}
	.dresscode img {width: 65px; height: auto; margin: 60px 0;}
	.recomendacion {width: 40%; margin: 20px auto; padding: 10px;}

	.parents {padding: 150px 0;}
	.parents img {width: 30px; height: auto; margin: 50px 0;}
	.no-children {padding: 50px 0;}

	.attendees {padding: 50px 0;}
	.attendees img {width: 50px; height: auto; margin: 20px 0;}
	.attend-button {display: inline-block; text-decoration: none; background: #fff; color: #000; padding: 10px; border: 2px solid #000;}
	.attend-button:hover {background: #caa781; color: #fff;}

	.presents {padding: 100px 0;}
	.presents img {width: 50px; height: auto; margin: 20px 0;}
	.giftcard {padding: 40px 80px; border: 3px solid #535353; border-radius: 20px; margin: auto; width: fit-content;}


/* PANTALLAS DE DISPOSITIVOS PEQUEÑOS */
@media (min-width: 0px) and (max-width: 766px) {
	.main-container {width: 95%; height: 100%;}

	.announcement-names img {width: 100%; height: auto; margin: 0;}

	.gallery2 {width: 100%; height: 350px;}
	.foto5 {background: #fff url(../images/sesion/image00019.png) no-repeat center; background-size: 100% auto;}

	.save-date img {width: 100%; margin: 35px 0;}

	.location-box1 {width: 80%;}
}

/* TABLETS */
@media (min-width: 767px) and (max-width: 900px) {
	.main-container {width: 95%; height: 100%;}

	.gallery2 {width: 100%; height: 350px;}
	.foto5 {background: #fff url(../images/sesion/image00019.png) no-repeat center; background-size: 100% auto;}

	.announcement-names img {width: 350px; height: auto; margin: 0;}

	.save-date img {width: 500px; margin: 35px 0;}

	.countdown {width: 100%; margin: auto;}

	.location-box1 {width: 80%;}
}

/* LAPTOPS Y PCS */
@media (min-width: 901px) {
	.main-container {width: 900px; height: 100%; }

	.gallery2 {width: 100%; height: 500px;}
	.foto5 {background: #fff url(../images/sesion/image00019.png) no-repeat center; background-size: auto 100%;}

	.announcement-names img {width: 350px; height: auto; margin: 0;}

	.save-date img {width: 500px; margin: 35px 0;}
	
	.countdown {width: 500px; margin: auto;}

	.location-box1 {width: 400px;}
}