@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');






/* header */
#header { border: 0px solid #000000; height: 90px; background-color: #ffffff; }
#header #leftmenu { padding-top: 27px; }
#header #leftmenu .fa.fa-heart { color: #e1b6a0; font-size: 8px; margin-left: 8px; }
#header #rightmenu { padding-top: 27px; }
#header #rightmenu .fa.fa-heart { color: #e1b6a0; font-size: 8px; margin-left: 8px; }
#header a { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
#header a:hover { color: #c51b70; }
/* contenido con información en nombre y conteo de fecha */

#home {
  position: relative;
  z-index: 5;
  height: 966px;
  width: 100%;
  color: #FFF;
  font-size: 400%;
  padding: 20px;
}

#home::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/portada.jpg') center center;
    opacity: .8;
    background-size: cover;
}
#home .contentname { margin-top: 40%; }
#home .contentname h1 {
    font-family: 'Dancing Script', cursive;
    font-weight: normal;
    font-size: 120px;
    text-align: center;
    color: #ca7a3d;
    text-transform: capitalize;
}
#home .contentquince h1 { font-family: 'Dancing Script', cursive; font-size: 100px; color: #000000c7; font-weight: 400; text-align: center; }
#home .contenthour #clockdiv{ font-family: 'Dancing Script', cursive; color: #000000c7; display: block; font-weight: 400; text-align: center; font-size: 95px; }
#home .contenthour #clockdiv > div{ padding: 10px; border-radius: 0px; background: transparent; display: inline-block; }
#home .contenthour #clockdiv div > span{ padding: 0px; border-radius: 0px; background: transparent; display: inline-block; }
#home .contenthour .smalltext{ padding-top: 0px; font-size: 25px; position: relative; top: -36px; }
#home .contenthour #clockdiv div > span > b { color: #fff; font-size: 30px; position: relative; top: -20px; left: 10px; }
/* margen que separa los apartadod */
#separeLine { height: 52px; }
/* contenido con la reflexion */
#contentReflexion { background: url('../images/en_medio.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 800px; opacity: 1; background-position: center; }
#contentReflexion .reflexion { border: 0px solid red; position: absolute; width: 45%; right: 0%; }
#contentReflexion p {
    font-family: 'Satisfy', cursive;
    font-weight: 400;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    padding-top: 35%;
}
/* contenido de la informacion - ubicacion */
#location { height: auto; }
#location .titleLocation { padding-top: 112px; }
#location .titleLocation h1 {
    font-family: 'Parisienne', cursive;
    font-weight: 700;
    text-align: center;
    color: #000000;
    font-size: 50px;

}
#location .religiousceremony { margin-top: 70px; }
#location .religiousceremony .squareceremony { height: 570px;  background-color: #f9f9f9; padding: 34px 30px 35px; }
#location .religiousceremony .squareceremony h3 {
    font-family: 'Parisienne', cursive;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 32px;
}
#location .religiousceremony .squareceremony .wed-text { font-family: 'Montserrat', sans-serif; font-size: 16px; word-wrap: break-word; padding-bottom: 8px; padding-top: 18px; }
#location .religiousceremony .squareceremony .wed-ubication { font-family: 'Montserrat', sans-serif; font-size: 16px; word-wrap: break-word; padding-bottom: 10px; padding-top: 0px; color: #101010; }
#location .religiousceremony .squareceremony img { border-radius: 10px; max-width: 100%; margin-top: 24px; }
#location .religiousceremony .squareceremony .btn-map { width: 121px; display: inline-block; position: relative; text-align: center; z-index: 999998; background: #b8b9b7; cursor: pointer; color: #fff !important; font-size: 15px; font-weight: 300; text-decoration: none; padding: 12px 15px; z-index: 0; border-radius: 9px; font-family: Roboto,segoe ui,Frutiger,frutiger linotype,dejavu sans,helvetica neue,Arial,sans-serif; }
#location .religiousceremony .squareceremony .addeventatc { width: 170px; display: inline-block; position: relative; text-align: center; z-index: 1; background: #060a0445; cursor: pointer; border-radius: 9px; color: #fff !important; font-size: 15px; font-weight: 300; text-decoration: none; padding: 12px 20px 12px 15px; font-family: Roboto,segoe ui,Frutiger,frutiger linotype,dejavu sans,helvetica neue,Arial,sans-serif; }
#location .religiousceremony .squareceremony .addeventatc { width:240px!important; z-index:1 }
#location .reception { margin-top: 70px; }
#location .reception .squarereception { height: 570px;  background-color: #f9f9f9; padding: 34px 30px 35px; }
#location .reception .squarereception h3 {
    font-family: 'Parisienne', cursive;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 32px;
}
#location .reception .squarereception .wed-text { font-family: 'Montserrat', sans-serif; font-size: 16px; word-wrap: break-word; padding-bottom: 8px; padding-top: 18px; }
#location .reception .squarereception .wed-ubication { font-family: 'Montserrat', sans-serif; font-size: 16px; word-wrap: break-word; padding-bottom: 10px; padding-top: 0px; color: #101010; }
#location .reception .squarereception img { border-radius: 10px; max-width: 100%; margin-top: 24px; }
#location .reception .squarereception .btn-map { width: 121px; display: inline-block; position: relative; text-align: center; z-index: 999998; background: #b8b9b7; cursor: pointer; color: #fff !important; font-size: 15px; font-weight: 300; text-decoration: none; padding: 12px 15px; z-index: 0; border-radius: 9px; font-family: Roboto,segoe ui,Frutiger,frutiger linotype,dejavu sans,helvetica neue,Arial,sans-serif; }
#location .reception .squarereception .addeventatc { width: 170px; display: inline-block; position: relative; text-align: center; z-index: 1; background: #060a0445; cursor: pointer; border-radius: 9px; color: #fff !important; font-size: 15px; font-weight: 300; text-decoration: none; padding: 12px 20px 12px 15px; font-family: Roboto,segoe ui,Frutiger,frutiger linotype,dejavu sans,helvetica neue,Arial,sans-serif; }
#location .reception .squarereception .addeventatc { width:240px!important; z-index:1 }
#location .titleDresscode { padding-top: 112px; }
#location .titleDresscode h1 {
    font-weight: 700;
    text-align: center;
    color: #000000;
    font-size: 50px;
    font-family: 'Parisienne', cursive;
}
#location .imgDresscode { text-align: center; }
#location .imgDresscode img { display: block; margin: auto; width: 12%; }
#location .subTitleDresscode h3 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 100; text-align: center; }
#location .titlePhoto { padding-top: 95px; }
#location .titlePhoto h1 {
    font-weight: 700;
    text-align: center;
    color: #000000;
    font-size: 50px;
    font-family: 'Parisienne', cursive;
}
/* apartado para el carousel de las imágenes */
#carouselImg .carousel-item { height: 1500px; }
/* apartado para las fotos de la familia */
#family { height: auto; background: #f9f9f9 !important; }
#family .titleFamily { padding-top: 62px; margin-bottom: 100px; }
#family .titleFamily h1 {
    font-weight: 700;
    text-align: center;
    color: #000000;
    font-size: 50px;
    font-family: 'Parisienne', cursive;
}
#family .photoFamily { height: auto; }
#family .photoFamily img { width: 80%; border-radius: 150px; border: 5px solid #ffffff; box-shadow: 0 4px 6px 0 #ccc;  }
#family .photoFamily .textFamily { font-family: 'Montserrat', sans-serif; font-size: 16px; text-transform: uppercase; color: #000000; font-weight: 400; padding-top: 30px; }
#family .photoFamily p { color: #949494; font-family: 'Lora', serif; font-weight: 500; }
/* apartado de la mesa de regalos */
#gifttable { height: auto; padding-top: 180px; background: #f9f9f9 !important; }
#gifttable .titleGift h1 {
    font-weight: 700;
    text-align: center;
    color: #000000;
    font-size: 50px;
    font-family: 'Parisienne', cursive;
}
#gifttable .linkGift { text-decoration: none; padding: 0 45px; color: #101010; }
#gifttable .linkGift .rectangle { border-radius: 10px; background-color: #ffffff; border: 5px solid #ffffff; box-shadow: 0 4px 6px 0 #ccc; padding: 10px; text-align: center; margin-top: 40px; }
#gifttable .linkGift .rectangle img { width: 65px; display: inline; }
#gifttable .linkGift .rectangle .textGift { font-family: 'Montserrat', sans-serif; font-size: 25px; text-align: left; margin-left: 30px; display: inline; }
#gifttable .cash { text-decoration: none; padding: 0 45px; color: #101010; margin-bottom: 80px; }
#gifttable .cash .rectangle { border-top-left-radius: 10px; background-color: #ffffff; border: 1px solid #00000040; padding: 10px 15px; margin-top: 40px; border-top-right-radius: 10px; cursor: pointer; }
#gifttable .cash .rectangle img { width: 65px; display: inline; }
#gifttable .cash .rectangle .textGift { font-family: 'Montserrat', sans-serif; font-size: 17px; text-align: left; margin-left: 0px; display: inline; font-weight: 400; }

#gifttable .cash { text-decoration: none; padding: 0 45px; color: #101010; margin-bottom: 80px; }
#gifttable .cash .rectangleVisible {
    border-bottom-left-radius: 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #00000040;
    border-left: 1px solid #00000040;
    border-right: 1px solid #00000040;
    padding: 10px 15px;
    margin-top: 0px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}
#gifttable .cash .rectangleVisible img { width: 65px; display: inline; }
#gifttable .cash .rectangleVisible .textGift { font-family: 'Montserrat', sans-serif; font-size: 17px; text-align: left; margin-left: 0px; display: inline; font-weight: 400; }


/* apartado del formulario */
#form { height: auto; background-color: #333; }
#form .block-box-rsrv { margin-bottom: 80px; padding: 60px; color: #ffffff; }
#form .block-box-rsrv #block-main-form label { font-family: 'Lora', serif; font-size: 14px; }
#form .block-box-rsrv #block-main-form .form-control { color: #ffffff; background-color: transparent; border: 1px solid transparent; border-bottom: 1px solid #ffffff; }
#form .block-box-rsrv #block-main-form .form-control:focus { border-color: #ffffff; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ffffff; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #fff; }
#form .block-box-rsrv #block-main-form textarea.form-control { margin-top: 0px; margin-bottom: 0px; height: 120px; }
#form .block-box-rsrv #block-main-form #success .btn { padding: 10px 12px; font-family: 'Lora', serif; }
#form .block-box-rsrv #block-main-form #success .btn-medium { margin-top: 25px; color: #fff; background-color: transparent; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #fff; }
#form .block-box-rsrv #block-main-form #success .btn-medium:hover { color: #101010; text-decoration: none; background: #ffffff; font-weight: 700; border: 1px solid translate; }
#form .titleForm { padding-top: 60px; }
#form .titleForm h1 {
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    font-size: 75px;
    font-family: 'Parisienne', cursive;
}
/* apartado del footer */
#footer { background: url('../images/hasta_abajo.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 1000px; opacity: 1; }
#footer .contentname { margin-top: 40%; }
#footer .contentname h1 {
    font-family: 'Dancing Script', cursive;
    font-weight: normal;
    font-size: 120px;
    text-align: center;
    color: #ca7a3d;
    text-transform: capitalize;
}
#footer .contentquince h1 {
    font-family: 'Dancing Script', cursive;
    font-size: 100px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
/* modal de la ceremonia*/
#mapCeremonia .modal-body h3 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 20px; margin-top: 15px; }
#mapCeremonia .modal-title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; text-transform: uppercase; }
#mapCeremonia .modal-body .wed-text { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #101010; font-weight: 400; font-style: normal; letter-spacing: .2px; line-height: 20px; }
#mapCeremonia .modal-footer .btn { font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; padding: 6px 12px; font-size: 14px; line-height: 1.55; border-radius: 0; color: #333; background-color: #ffffff; border-color: #ccc; }
#mapCeremonia .modal-footer .btn:hover { color: #333; background-color: #ebebeb; border-color: #adadad; }
/* modal de la recepción */
#mapReception .modal-body h3 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 20px; margin-top: 15px; }
#mapReception .modal-title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; text-transform: uppercase; }
#mapReception .modal-body .wed-text { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #101010; font-weight: 400; font-style: normal; letter-spacing: .2px; line-height: 20px; }
#mapReception .modal-footer .btn { font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; padding: 6px 12px; font-size: 14px; line-height: 1.55; border-radius: 0; color: #333; background-color: #ffffff; border-color: #ccc; }
#mapReception .modal-footer .btn:hover { color: #333; background-color: #ebebeb; border-color: #adadad; }

#pdfGift .modal-title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; text-transform: uppercase; }
#pdfGift .modal-dialog { max-width: 60% !important; }

.addeventatc .addeventatc_icon {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 10px;
    background: none !important;
    background-size: auto;
    background-size: 18px 18px;
}



/* Responsive */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    /* contenido de la informacion - ubicacion */
    #location .titlePhoto { padding-top: 60px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 100px; }
    #gifttable .linkGift { padding: 0 35px; }
    #contentReflexion p { padding-top: 22%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* contenido de la informacion - ubicacion */
    #location .titlePhoto { padding-top: 60px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 100px; }
    #gifttable .linkGift { padding: 0 35px; }
    /* apartado del formulario */
    #form .titleForm h1 { font-size: 65px; }
    #contentReflexion p { font-size: 22px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* header */
    #header { height: auto; margin-bottom: 20px; }
    #header #leftmenu { text-align: center; }
    #header #leftmenu .nav { display: block; }
    #header #rightmenu { text-align: center; }
    #header #rightmenu .nav { display: block; }
    /* contenido con la reflexion */
    #contentReflexion p { padding-top: 26%; font-size: 22px; line-height: 25px; }
    /* contenido de la informacion - ubicacion */
    #location .titleLocation { padding-top: 50px; }
    #location .religiousceremony .squareceremony .btn-map { width: 100%; margin-bottom: 5px; }
    #location .religiousceremony .squareceremony .addeventatc { width: 100% !important; }
    #location .reception .squarereception .btn-map { width: 100%; margin-bottom: 5px; }
    #location .reception .squarereception .addeventatc { width: 100% !important;  }
    #location .religiousceremony .squareceremony { height: 560px; }
    #location .reception .squarereception { height: 560px; }
    #location .titleDresscode { padding-top: 50px; }
    #location .titlePhoto { padding-top: 50px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 100px; }
    #gifttable .linkGift { padding: 0 35px; }
    #gifttable .cash .rectangle .textGift { display: block; font-size: 14px; text-align: center; }
    #gifttable .cash .rectangle { text-align: center; padding: 10px; }
    #gifttable .linkGift .rectangle { text-align: left; }
    #gifttable .linkGift .rectangle img { width: 48px; margin-left: 50px; }
    #gifttable .linkGift .rectangle .textGift { font-size: 25px; }
    /* apartado del formulario */
    #form .titleForm h1 { font-size: 65px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    /* header */
    #header { height: auto; margin-bottom: 20px; }
    #header #leftmenu { text-align: center; }
    #header #leftmenu .nav { display: block; }
    #header #rightmenu { text-align: center; }
    #header #rightmenu .nav { display: block; }
    /* contenido con información en nombre y conteo de fecha */
    #home .contentname { margin-top: 80%; }
    #home .contentquince h1 { font-size: 70px; }
    #home .contenthour #clockdiv { font-size: 52px; }
    #home .contenthour .smalltext { font-size: 20px; top: -15px; left: -6px; }
    /* contenido de la reflexion */
    #contentReflexion p {
        font-size: 22px;
        line-height: 20px;
        padding-top: 8%;
    }
    /* contenido de la informacion - ubicacion */
    #location { height: auto; }
    #location .titleLocation { padding-top: 50px; }
    #location .religiousceremony .squareceremony { height: 590px; }
    #location .reception .squarereception { height: 590px; }
    #location .titleDresscode { padding-top: 50px; }
    #location .titlePhoto { padding-top: 50px; }
    /* apartado para las fotos de la familia */
    #family .photoFamily img { width: 60%; }
    #family .photoFamily .textFamily { font-size: 14px; }
    #family .photoFamily p { font-size: 16px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 60px; }
    #gifttable .linkGift { padding: 0 35px; }
    #gifttable .cash .rectangle .textGift { display: block; font-size: 14px; text-align: center; }
    #gifttable .cash .rectangle { text-align: center; padding: 10px; }
    #gifttable .linkGift .rectangle { text-align: left; }
    #gifttable .linkGift .rectangle img { width: 48px; margin-left: 30px; }
    #gifttable .linkGift .rectangle .textGift { font-size: 25px; }
    /* apartado del formulario */
    #form .titleForm h1 { font-size: 50px; }
}
@media (min-width: 500px) and (max-width: 575.98px) {
    #home::before { opacity: .8 }
    /* header */
    #header { height: auto; margin-bottom: 20px; }
    #header #leftmenu { text-align: center; }
    #header #leftmenu .nav { display: block; }
    #header #rightmenu { text-align: center; }
    #header #rightmenu .nav { display: block; }
    /* contenido con información en nombre y conteo de fecha */
    #home .contentname { margin-top: 80%; }
    #home .contentname h1 { font-size: 70px; color: #000; }
    #home .contentquince h1 { font-size: 70px; }
    #home .contenthour #clockdiv { font-size: 52px; }
    #home .contenthour .smalltext { font-size: 20px; top: -15px; left: -6px; }
    /* contenido de la reflexion */
    #contentReflexion { height: 300px; }
    #contentReflexion p {
        font-size: 12px;
        line-height: 14px;
        padding-top: 10%;
    }
    #contentReflexion .reflexion { border: 0px solid red; position: absolute; width: 45%; right: 0%; }
    #carouselImg .carousel-item { height: auto; }
    /* contenido de la informacion - ubicacion */
    #location .titleLocation { padding-top: 50px; }
    #location .titleDresscode { padding-top: 50px; }
    #location .titlePhoto { padding-top: 50px; }
    /* apartado para las fotos de la familia */
    #family .photoFamily img { width: 60%; }
    #family .photoFamily .textFamily { font-size: 14px; }
    #family .photoFamily p { font-size: 16px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 60px; }
    #gifttable .linkGift { padding: 0 35px; }
    #gifttable .cash .rectangle .textGift { display: block; font-size: 14px; text-align: center; }
    #gifttable .cash .rectangle { text-align: center; padding: 10px; }
    #gifttable .linkGift .rectangle { text-align: left; }
    #gifttable .linkGift .rectangle img { width: 48px; margin-left: 30px; }
    #gifttable .linkGift .rectangle .textGift { font-size: 20px; }
    /* apartado del formulario */
    #form .titleForm h1 { font-size: 45px; }
    /* apartado del footer */
    #footer { height: 766px; }
    #footer .contentname h1 { font-size: 70px; }
    #footer .contentquince h1 { font-size: 50px; }

    #pdfGift .modal-dialog { max-width: 100% !important; }
}
@media (min-width: 300px) and (max-width: 499.98px) {
    /* home */
    #home::before { opacity: .8 }
    #home { height: 500px; }
    /* header */
    #header { height: auto; margin-bottom: 20px; }
    #header #leftmenu { text-align: center; }
    #header #leftmenu .nav { display: block; }
    #header #rightmenu { text-align: center; }
    #header #rightmenu .nav { display: block; }
    /* contenido con información en nombre y conteo de fecha */
    #home .contentname { margin-top: 80%; }
    #home .contentname h1 { font-size: 35px; color: #000; }
    #home .contentquince h1 { font-size: 45px; }
    #home .contenthour #clockdiv { font-size: 30px; display: flex; }
    #home .contenthour .smalltext { font-size: 20px; top: -15px; left: 0px; }
    #home .contenthour #clockdiv div > span > b { display: none; }
    /* contenido de la reflexion */
    #contentReflexion { height: 300px; }
    #contentReflexion p { font-size: 10px; line-height: 14px; padding-top: 51%; }
    #contentReflexion .reflexion {border: 0px solid red; position: absolute; width: 100%; right: 0%; }
    #carouselImg .carousel-item { height: auto; }
    /* contenido de la informacion - ubicacion */
    #location .titleLocation { padding-top: 35px; }
    #location .titleLocation h1 { font-size: 30px; }
    #location .religiousceremony .squareceremony h3 { font-size: 14px; }
    #location .religiousceremony .squareceremony .wed-text { font-size: 12px; }
    #location .religiousceremony .squareceremony .wed-ubication { font-size: 12px; }
    #location .religiousceremony .squareceremony .btn-map { width: 100%; padding: 8px 15px; margin-bottom: 5px; }
    #location .religiousceremony .squareceremony .addeventatc { width: 100% !important; padding: 6px 20px 12px 15px; }
    #location .religiousceremony .squareceremony { height: auto; }
    #location .reception .squarereception h3 { font-size: 14px; }
    #location .reception .squarereception .wed-text { font-size: 12px; }
    #location .reception .squarereception .wed-ubication { font-size: 12px; }
    #location .reception .squarereception .btn-map { width: 100%; padding: 8px 15px; margin-bottom: 5px; }
    #location .reception .squarereception .addeventatc { width: 100% !important; padding: 6px 20px 12px 15px; }
    #location .reception .squarereception { height: auto; }
    #location .titleDresscode { padding-top: 35px; }
    #location .titleDresscode h1 { font-size: 30px; }
    #location .titlePhoto { padding-top: 30px; }
    #location .titlePhoto h1 { font-size: 30px; }
    /* apartado para las fotos de la familia */
    #family .titleFamily h1 { font-size: 30px; }
    #family .titleFamily { margin-bottom: 50px; }
    #family .photoFamily img { width: 100%; }
    #family .photoFamily .textFamily { font-size: 14px; }
    #family .photoFamily p { font-size: 16px; }
    /* apartado de la mesa de regalos */
    #gifttable { padding-top: 60px; }
    #gifttable .titleGift h1 { font-size: 30px; }
    #gifttable .linkGift { padding: 0 10px; }
    #gifttable .cash .rectangle .textGift { display: block; font-size: 12px; text-align: center; }
    #gifttable .cash .rectangle { text-align: center; padding: 10px; }
    #gifttable .linkGift .rectangle { text-align: center; padding: 5px; }
    #gifttable .linkGift .rectangle img { width: 16%; display: block; margin: auto; }
    #gifttable .linkGift .rectangle .textGift { font-size: 20px; text-align: center; margin-left: 0px; }
    #gifttable .cash { padding: 0 10px; }
    /* apartado del formulario */
    #form .titleForm h1 { font-size: 26px; }
    #form .block-box-rsrv { padding: 15px; padding-top: 50px; }
    /* apartado del footer */
    #footer { height: auto; }
    #footer .contentname h1 { font-size: 26px; }
    #footer .contentquince h1 { font-size: 40px; }
    /* modal de ceremonia */
    #mapCeremonia .modal-title { font-size: 16px; }
    #mapCeremonia .modal-body h3 { font-size: 16px; }
    #mapCeremonia .modal-body .wed-text { font-size: 14px; }
    /* modal de recepción */
    #mapReception .modal-title { font-size: 16px; }
    #mapReception .modal-body h3 { font-size: 16px; }
    #mapReception .modal-body .wed-text { font-size: 14px; }
    .modal.show .modal-dialog { top: 16%; }
    #pdfGift .modal-dialog { max-width: 100% !important; }
}