body{
    margin: 0;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url(font/Gotham-Book.eot);
    src: url(font/Gotham-Book.eot?#iefix) format('embedded-opentype'),
         url(font/Gotham-Book.otf) format('otf'),
         url(font/Gotham-Book.svg#Gotham-Book) format('svg'),
         url(font/Gotham-Book.ttf) format('truetype'),
         url(font/Gotham-Book.woff) format('woff'),
         url(font/Gotham-Book.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Gotham-Medium';
    src: url(font/Gotham-Medium.eot);
    src: url(font/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
         url(font/Gotham-Medium.otf) format('otf'),
         url(font/Gotham-Medium.svg#Gotham-Medium) format('svg'),
         url(font/Gotham-Medium.ttf) format('truetype'),
         url(font/Gotham-Medium.woff) format('woff'),
         url(font/Gotham-Medium.woff2) format('woff2');
  }
  
  
img {
    max-width: 100%;
  }
.inicio{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    background-image: url("img/bg-ls-inicio.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position:bottom;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 1em 1em;
    height: 110vh;
}

.nombres{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    padding-bottom: 8em;
}

.fecha img{
    max-width:  80% !important;
}
.lugar img{
    max-width:  85% !important;
}
.nombre img{
    max-width:  55% !important;
}



.padres{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center ;
    align-content: center;
    justify-content: space-around;
    background-color: #f7f4f2;
    padding: 5em 1em 26em;
}

.nom-padres{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center ;
    align-content: center;
    justify-content: space-around;
    width: 100%;
    padding: 5em 0;
}
.y {

}
.y img{
    max-width: 80% !important;
}
.nuestros img{
    max-width: 70% !important;
}
.matrimonio img{
    max-width: 80% !important;
    display: block;
}
.matrimonio-m img{
    display: none;
}

.fechas-lugar{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center ;
    align-content: center;
    justify-content: space-around;
    padding: 2em 0;
    background: #ba9e90;
}

.iconos{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end ;
    align-content: flex-end;
    justify-content: center;
    width: 100%;
    padding: 2em 0;
}
.iconos img{
    max-width: 50%;
    padding: 3em 5em;
}
.lugar-fecha img{
    -webkit-box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
    box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
    margin-top: -23em;
}

.regalos{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    padding: 6em 0;
    background: #f7f4f2;
}

.cuenta {
    font-size: 17px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 3em ;
    background: #fff;
    -webkit-box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
    box-shadow: 0px 41px 21px -27px rgba(0,0,0,0.45);
}
.cuenta p{
    font-family: 'Gotham-Book';
    color: #aa7561 ;
    text-align: left ;
    line-height: 2em;
}

.cuenta i{
    font-family: 'Gotham-Book';
    color: #6d8456;
    text-align: left;
}

.cuenta a{
    text-decoration: none;
    font-family: 'Gotham-Medium';
    color: #aa7561 ;
    text-align: left ;
    line-height: 2em;
    padding-top: .8em;
    cursor: pointer;
}

.bienvenidos{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 8em 0 15em;
    background: url("img/ls-bg-bienvenidos.png");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    
}
.titulo-bvd img{
   max-width: 65%;
}

.tex-bvd  img{
    max-width: 70%;
    padding: 2em 0;
 }
 .vestimenta{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center ;
    align-content: center;
    justify-content: center;
    width: 75%;
}
.vestimenta div{
    flex: 1;
}
.vestimenta img{
    height: 280px !important;
}
.sugerencia img{
    width: 60% !important;
    height: auto !important;
}
.ninios{
    padding-bottom: 2em;
}
.ninios img{
   width: 70%;
}

.mapa {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #f7f4f2;
    padding: 2em 5em;
}

.hotel-puntero img{
    width: 80%;
}

.hoteles {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #f7f4f2;
    padding: 2em 5em;
}

.hoteles div{
    flex: 1;
}

.hoteles img{
    width: 400px;
}
.footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #774a3c;
    padding: 2em 5em;
}
.footer img{
    width: 80%;
}
.ls-liliana img{
    width: 83%;
}
 .ls-luis img{
    width: 83%;
}
@media only screen and (max-width: 480px){
    .ls-liliana img{
        width: 80% !important;
    }
    .ls-luis img{
        width: 84%;
    }
    .nom-padres{
        
        flex-direction: column;
        padding: 3.5em 0;
    }
    .padres{
        padding: 5em 1em 18em;
    }
    .fecha img{
        max-width:  125% !important;
    }
    .lugar img{
        max-width:  60% !important;
    }
    .nombre img{
        max-width:  85% !important;
    }

    .inicio{
       
        height: 90vh;
    }
    .y {
      padding: 1em 0;
    }
    .y img{
        max-width: 30% !important;
    }
    .nuestros img{
        max-width: 90% !important;
    }

    .matrimonio img{
       display: none;
    }
    .matrimonio-m img{
        max-width: 83% !important;
        display: block !important;
    }
    .lugar-fecha img{
        
        margin-top: -15em;
    }
    .iconos img{
        max-width: 35%;
        padding: 2em;
    }
    
    .cuenta img{
        width: 100%;
    }

    .regalos {
        flex-wrap: wrap;
        flex-direction: row;
        
    }
    .cuenta {
        font-size: 12px;
        margin: 2em 1em;
        padding: 1em ;
    }
    .bienvenidos{
        padding: 5em 0;
    }
    .titulo-bvd img{
        max-width: 80%;
     }
     .linea img{
        max-width: 45%;
     }
     .tex-bvd  img{
        max-width: 93%;
        padding: 1.5em 0;
     }
     .vestimenta{
        flex-direction: column;
        width: 100%;
        padding: 0em;
       
    }
    .vestimenta img{
        height: 200px !important;
    }
    .sugerencia img{
        width: 40% !important;
        height: auto !important;
        padding: 1.5em;
    }

    .ninios{
        padding: 2em 0 6em;
    }
    .ninios img{
        width: 60%;
     }
     .bienvenidos{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding: 8em 0 8em;
     }
     .mapa {
        flex-direction: column;
        padding: 1.5em ;
    }
    
    .hotel-puntero img{
        width: 75%;
    }
    .hoteles {
        flex-direction: column;
        padding: 1.5em 0 0;
    }
    .hoteles img{
        width: 260px;
        padding: 1em;
    }
    .footer {
        
        padding: 1em;
    }
    .footer img{
        width: 90%;
    }
    
}