@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;*/
	/*background-image: url(../img/fondo_rosa2.avif);
	background-size: cover;*/
}



header{
width: 100%;
height: 1px;
/*background-image: url(../img/fondo.png);   */
position: fixed;    
top:0;
left: 0;
z-index: 100;    
}

.contenedor{
width: 99%;
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{
position: relative;    
}

#banner img{
width: 100%;
height: 100%;
margin-bottom: 0;	
margin: auto;	
}

#banner #img_natasha{
display: block;
width: 80%;
height: 400px;
margin-top: 70px;
	 
}

.banner_nombre{
	color: green;
	width: 450px;
	font-family: Italianno;
	text-align: center;
	margin-top: -125px;
	font-size: 70px;
	font-weight: 599;
	letter-spacing: normal;
}

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



/*-----------------FLORES ABAJO DE LA FOTO ---------------*/
.flores_abajo_foto{
	width: 550px;
	height: 295px;
	margin-top: -130px;
	transform: rotate(180deg);
	transform: scaleX(-1);
  object-fit: cover;
}

/*-----------------F E C H A   Y  P L A Y -------------*/

#fecha{
/*	background: url(../img/fondo_rosa2.avif);
	background-size: cover;
	z-index: -1*/
}
.fecha{
	font-size: 25px;
	text-align: center;
	font-family: sans-serif;
	margin-bottom: 30px;
}
.play{
	color: hotpink;
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
}
.botones{
	margin: auto;
	width: 290px;
	margin-bottom: 15px;
}
#musica{
	display: block;
	margin: auto;
}

.con{
	display: block;
	color: hotpink;
	margin: auto;
	padding: 25px;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	margin-bottom: 35px;
	/*background-image: url(../img/fondo_rosa.jpg)''*/
}
.linea_play{
	width: 250px;
	margin: auto;
	/*background-image: url(../img/fondo_rosa.jpg);;*/
	margin-bottom: 25px;
}


/*----------------- M I S  P A D R E S  ---------*/

#background{
/*	background-image: url(../img/fondo_rosa2.avif);
	background-size: cover;*/
}
.padres_titulo{
	text-align: center;
	font-family: sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	margin-bottom: 19px;
}
.nombre_papa,.nombre_y,.nombre_mama{
	color: hotpink;
	text-align: center;
	font-size: 45px;
	letter-spacing: -1.5px;
	line-height: 1;
	/*background-image: url(../img/fondo.png);*/
}

/*-----------------  F L O R E S   F L E X   ---------*/


#flores_flex{
	/*background-image: url(../img/fondo_rosa.jpg);*/
	margin-bottom: 25px;
}



.flores_flex{
	width: 30%;
	}

.flores_flex img{
	width: auto;
}
#flor_izq{
	margin-top: -25px;
	height: 110px;
	transform: rotate(90deg);	
	object-fit: cover;
	}


#flor_der{
	margin-top: -25px;
	height: 110px;
	transform: rotate(265deg);
	object-fit: cover;
}


#linea_p{
	height: 15px;	
	margin-top: 35px;
}


#flores_flex .contenedor{
display: flex;
justify-content: center;
flex-wrap: wrap; 
}






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



#contador{
	position: relative;
	margin-top: 55px;
}
.img_contador{
	display: block;
	margin: auto;
}

#contador .contenedor2{
position: absolute;
top:23%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
}
.faltan{
	color: white;
	letter-spacing: normal;
	text-align: center;
	font-size: 85px;
	font-weight: 100;
	font-family: 'Italianno', cursive; 
	margin-bottom: 15px;
}

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

.simply-word{
	font-family: sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: white;

}

.para{
	color: white;
	font-family: sans-serif;
	text-align: center;
	font-size: 17px;
	margin-top: 40px;	
}


/*------------- FLOR DESCPUES DE CONTADOR -------*/


.flores_abajo_foto2{
	margin-top: -30px;
	transform: rotate(180deg);
	object-fit: cover;
}


/*---------------------- DONDE Y CUANDO-------*/

#background{
 /* background-image: url(../img/fondo_rosa2.avif);
	background-size: cover;*/
}


#donde_flex{
	padding-bottom: 65px;
	
}

.misa{
	font-family: sans-serif;
	font-weight: 100;
}
.hora{
	text-align: center;
	font-family: sans-serif;
	margin-top: 8px;
	font-weight: lighter;
	font-size: 13px;
	letter-spacing: normal;
	
}
.titulo_misa{
	color: hotpink;
	text-align: center;
	font-size: 55px;
	letter-spacing: normal;
	font-family:  Italianno;
	font-weight: 100;
}
.direc_misa{
	margin-top: -8px;
	text-align: center;
	font-family: sans-serif;
	font-weight: 100;
	font-size: 14px;
	letter-spacing: normal;
	margin-bottom: 14px;
}
.direc_misa2{
	margin-top: -8px;
	text-align: center;
	font-family: sans-serif;
	font-weight: 100;
	font-size: 9px;
	letter-spacing: normal;
	margin-bottom: 12px;
}

.mapa_iglesia{
	display: block;
	color: black;
	margin-top: 15px;
	text-decoration: none;
	text-align: center;
	background:lightgray;
  font-size: 12px;
	padding: 5px;
	border-radius: 7px;
}
.boton_3d{
	margin: auto;
	width: 70%;
	height: 27px;
}
.ubica{
	display: block;
	color: black;
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	margin-top: -18px;
}
.recepcion{
	color: hotpink;
	display: block;
	text-align: center;
	letter-spacing: normal;
	font-size: 55px;
}
.recepcion_direccion{
	display: block;
	font-size: 10px;
	font-family: sans-serif;
	text-align: center;
	margin-bottom: 10px;
}

.img_cortinas{
	margin: auto;
	width: 75%;
}





#art{
	width: 30%;
}
.art_linea{
	width: 1500px;
	height: 10px;
	margin-top: 50px;
	transform: rotate(90deg);
	object-fit: cover;	
}
#art_cortinas{
	width: 5%;
}

#donde_flex .contenedor{
display: flex;
justify-content: space-evenly;
flex-wrap: wrap; 
}


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



#img_sobre_sin_color{
	width: 65%;
	
}

.regalos_titulo1{
	font-family: sans-serif;
	letter-spacing: inherit;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

.lluvia{
  color: hotpink;
	font-family: sans-serif;
	font-size: 22px;
	letter-spacing: normal;
	text-align: center;
	margin-top: -45px;
	margin-bottom: 50px;
	margin-left: 165px;
	width: 250px;
}




/*------------------------ V E S T I M E N T A ---------*/

.vestimenta_titulo{
	color: hotpink;
	font-family: sans-serif; 
	letter-spacing: normal;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
	text-align: center;
}
#img_vestimenta{
	width: 100%;
	height: 250px;
	margin: auto;
	margin-bottom: 25px;
}
.vestimenta_novios{
	
	font-family: sans-serif; 
	font-size: 25px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 35px;
	letter-spacing: normal;
}
.alto{
	width: 40%;
	margin: auto;
	margin-bottom: 10px;
/*	background-image: url(../img/fondo.png);*/
}
.rosa{
	text-align: center;
	font-family: sans-serif;
	margin-bottom: 35px;
	
}
.jeans{
	width: 45%;
	margin: auto;
	margin-bottom: 15px;
}
.jeans_no{
	text-align: center;
	font-family: sans-serif;
	margin-bottom: 15px;
}

#no{
	
}

/*-------------- C O M P A R T A M O S ----------*/

.compartamos_titulo{
	display: block;
	color: hotpink;
	font-family: 'Italianno', cursive; 
	font-size: 45px;
	letter-spacing: normal;
	line-height: 35px;;
	text-align: center;
	font-weight: 100;
	
}


#compartamos .contenedor{
	display: flex;
	justify-content: space-evenly;;
	flex-wrap: wrap; 
}

#art_compar{
	width: 35%;
}

.img_camara{
	width: 60%;
}


/*-------------- C O M P A R T A M O S  2----------*/

#compartamos2{
	margin-bottom: 35px;;
}

.compartamos_titulo2{
	font-family: sans-serif;
	letter-spacing: normal;
	font-size: 12px;
	font-weight: 100;
	margin-top: -10px;
}
.compartamos_titulo3{
	color: hotpink;
	font-family: sans-serif;
	letter-spacing: normal;
	font-weight: 100;
	margin-top: 35px;
	
}


#compartamos2 .contenedor{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}




}