@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Italianno');



h1,h2,h3,h7,h8{
 font-family: 'Italianno', cursive;   
 letter-spacing: 4.5px;   
}
p{font-family: 'Italianno', cursive;  
 letter-spacing: 1.5px;
}

img{
display: block;
max-width: 100%;
}

*{
 margin: 0;
 padding:0;
 box-sizing:border-box;
}

body{
	margin: auto;
font-family: 'Libre Franklin', sans-serif; 
	max-width: 500px;
	border: 1px solid #bfaf99;
}



header{
width: 100%;
height: 29px;
background:#c2a3a3;    
position: fixed;    
top:0;
left: 0;
z-index: 100;    
}

.contenedor{
width: 95%;
margin: auto;
}


section{
width: 100%;
}

header .contenedor{
display: table;
}

/*--------------M E N U --------*/
#menu-bar{
display: none;    
}    

header label{
float: right;
font-size: 25px;
font-weight: lighter;
color:#523535;
padding: 1px;    
margin: 1px 0;    
}


.menu{
position: absolute;    
top: 29px;
left: 0;
width: 100%;
height:100vh;
transition: all 1s;
transform: translateX(-100%);
 }
   
.menu a{
display: block;
font-size: 13px;    
color: #523535;
background: #c2a3a3; 
height: 50px;    
text-decoration: none;
padding: 15px;
border-bottom: 2px solid  #523535;  
}


.menu a:hover{
background: #523535;
color: white;
}



#menu-bar:checked ~ .menu{
transform: translateX(0%);
transition: all 2s;    
}


/*------------ B A N N E R ----------*/


#banner{
padding-top: 30px;
position: relative;    
}

#banner img{
width: 100%;
height: 100%;
margin-bottom: 0;	
/*max-width: 760px; 
margin: auto; */
/*margin-bottom: 20px;    */
/*border: 20px solid  #0E6251;  */
}

.banner_titulo{
	font-family: sans-serif;
	font-weight: 100;
	margin-bottom: 45px;
	
	}
.banner_nombre{
	font-family: Italianno;
	font-size: 95px;
	font-weight: 500;
	margin-bottom: 45px;
}
.banner_fecha{
	font-family: sans-serif;
	font-size: 22px;
}
#banner .contenedor{
position: absolute;
top:45%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
}

/*-----------------C U A D R O  M E D I D A S ---------*/

.cuadro_medidas{
	width: 100%;
	height: 250px;
	background:#bfaf99;
	padding: 35px;
	letter-spacing: 4px;
	line-height: 35px;
	color: white;
	font-weight: bold;
}

/*-----------------C U A D R O  P A D R E S  ---------*/

#cuadro_mispadres{
	padding: 25px;
}

.cuadro_medidas_padres{
	width: 100%;
	height: 740px;
	padding: 35px;
	letter-spacing: 4px;
	line-height: 35px;
	font-weight: bold;
	border: 2px solid #bfaf99;
	text-align: center;
}

.padres_intro{
	font-family: Italianno;
	font-size: 40px;
	line-height: 45px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 35px;
}
.padres_titulo{
	font-family: Italianno;
	font-size: 30px;
	font-weight: 0;
}
.padres_nombres{
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 100;
}
.padres2_nombres{
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 45px;
}
.madrinas_titulo{
	font-size: 30px;
	font-weight: 100px;
}

.madrinas_nombres{
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 100;
}
.madrinas2_nombres{
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 45px;
}
.complace{
	font-size: 40px;
	font-weight: 100;
}


/*------------------ C O N T A D O R ------------*/
.img_contador{
	width: 100%;
	height: 580px;
}



#contador{
	position: relative;
	margin-bottom: 80PX;
	
}

#contador .contenedor2{
position: absolute;
top:50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
}
.faltan{
	text-align: center;
	font-size: 65px;
	font-weight: 100;
	font-family: 'Italianno', cursive; 
	margin-bottom: 25px;
}

#cuenta{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.simply-section{
	color:black;
  width: 70px;
	height: 50px;
	margin: 0 8px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.simply-amount{
	color:  black;  /*lightslategray;*/
  font-family: monospace; 
	display: block;
	text-align: center;
	font-size: 45px;
	font-weight: 100;
}

.simply-word{
	font-family: sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: black;

}

.para{
	text-align: center;
	font-size: 45px;
	margin-top: 50px;	
}

/*---------------------- DONDE Y CUANDO-------*/
#donde{
	margin-bottom: 75px;
}
.donde{
	font-family: 'Italianno', cursive; 
	font-size: 45px;
	font-weight: 100;
	text-align: center;
	margin-bottom: 25px;
}
.img_iglesia{
	width: 100%;
	height: 300px;
	margin-bottom: 35px;
}
.ceremonia_titulo{
	font-family: 'Italianno', cursive; 
	font-size: 45px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
}
.nombre_iglesia{
	text-align: center;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 35px;
}
.horario{
	text-align: center;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 35px;
}
.direccion{
	text-align: center;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 35px;
}
.mapa{
	display: block;
	margin: auto;
	text-align: center;
	text-decoration: none;
	background: #bfaf99;
	width: 40%;
	padding: 10px;
	border-radius: 2px;
	color: white;
	letter-spacing: 3px;
	margin-bottom: 55px;
}

/*-------------- S A L O N -----------------*/
#salon{
	margin-bottom: 75px;
}
.img_salon{
	width: 100%;
	height: 350px;
	margin-bottom: 65px;
}
.recepcion{
	font-family: 'Italianno', cursive; 
	font-size: 65px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}
.ozara_titulo{
	text-align: center;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 35px;
}
/*------------------------ V E S T I M E N T A ---------*/

.vestimenta_titulo{
	font-family: 'Italianno', cursive; 
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}
#img_vestimenta{
	width: 100%;
	margin: auto;
	margin-bottom: 25px;
}
.vestimenta_novios{
	font-family: 'Italianno', cursive; 
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}

/*------------------------ R E G A L O S ------------*/


.regalos_titulo{
	margin-top: 45px;
	color: white;
	font-family: 'Italianno', cursive; 
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}
.regalos_txt{
	color: white;
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}
#img_liverpool{
	margin-top: 25px;
}


#banner_regalos{
	position: relative; 
	border: none;
}

#banner_regalos #img_verde{
width: 100%;
height: 500px;
/*max-width: 760px; 
margin: auto; */
margin-bottom: 20px;    
/*border: 20px solid  #0E6251;  */
}

#img_liverpool{
	width: 250px;
	margin: auto;
}
#img_sobre{
	width: 70px;
	margin: auto;
	margin-bottom: 25px;
	
}



#banner_regalos .contenedor{
width: 90%;	
position: absolute;
top:50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}

/*------------------------- G R A C I A S ----------*/

.gracias{
	text-align: center;
	font-size: 40px;
	font-weight: 100;
	margin-bottom: 35px;
}
.cora{
	display: block;
	text-align: center;
	font-size: 23px;
}

#foto{
		
}
.img_sugey{
	padding: 25px;
	margin-top: -80px;
	width: 100%;
	height: 450px;
}

}