.wedding-site .mobile-menu, .digitization-site .mobile-menu { display: none; } @media (max-width: 760px) { html { scroll-padding-top: 76px; -webkit-text-size-adjust: 100%; } body { overflow-x: clip; } .tcvideo-site .hero, .digitization-site .hero, .vivo-site .hero { height: auto; min-height: max(740px, 100svh); } .tcvideo-site .hero { background-image: url("https://vivogranadatv.com/assets/tcvideo-hero-poster.jpg"); background-position: 42% center; } .tcvideo-site .hero-inner { padding: 132px 0 72px; } .tcvideo-site .hero-video video { object-position: 42% center; } .digitization-site .hero { background-image: url("https://vivogranadatv.com/assets/cintas-digitalizacion-hero.png"); background-position: 58% center; } .digitization-site .hero-copy { padding: 138px 0 88px; } .digitization-site .hero h1 { font-size: clamp(48px, 12.8vw, 68px); line-height: .98; } .digitization-site .hero p { max-width: 35rem; } .digitization-site .hero-caption { right: 20px; bottom: 20px; max-width: calc(100% - 40px); } .vivo-site .hero { background-image: url("https://vivogranadatv.com/assets/vivo-hero-poster.jpg"); background-position: 42% center; } .vivo-site .hero-video { object-position: 42% center; } .vivo-site .hero h1 { font-size: clamp(51px, 13.5vw, 78px); } .wedding-site .wedding-hero { height: auto; min-height: max(760px, 100svh); background-image: url("https://vivogranadatv.com/assets/bodas-hero-poster.jpg"); background-position: 52% center; } .wedding-site .cover-video-fullscreen video { object-position: 52% center; } .wedding-site .wedding-hero .hero-content { min-height: inherit; padding-top: 132px; padding-bottom: 92px; } .wedding-site .wedding-hero .cover-copy h1 { font-size: clamp(48px, 12.8vw, 70px); } .wedding-site .wedding-hero .cover-copy .hero-copy { font-size: 15px !important; line-height: 1.65 !important; } .wedding-site .wedding-hero .actions { gap: 16px 22px; flex-wrap: wrap; } .cv-page .cv-hero { min-height: 100svh; padding-top: 112px; padding-bottom: 68px; } .cv-page .cv-hero-grid { gap: 27px; } .cv-page .cv-profile { width: min(220px, 68vw); } .cv-page .cv-profile:before { inset: 0; width: auto; height: auto; } .cv-page .cv-profile:after { inset: 10px; width: auto; height: auto; } .cv-page .cv-profile-photo { object-position: center 28%; } } @media (max-width: 760px) { .wedding-site .mobile-menu, .digitization-site .mobile-menu { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.65); background: rgba(17,17,17,.42); color: #fff; font: 600 20px/1 var(--body, sans-serif); cursor: pointer; } .wedding-site .links.mobile-links, .digitization-site .nav-links.mobile-links { display: none; } .wedding-site .links.mobile-links.open, .digitization-site .nav-links.mobile-links.open { position: absolute; top: 70px; left: 20px; right: 20px; z-index: 10; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 18px; border: 1px solid rgba(255,255,255,.22); background: rgba(18,18,18,.97); box-shadow: 0 18px 38px rgba(0,0,0,.28); font-size: 14px; } .wedding-site .links.mobile-links.open a, .digitization-site .nav-links.mobile-links.open a, .digitization-site .nav-links.mobile-links.open a:not(.nav-cta) { display: block; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.13); opacity: 1; } .wedding-site .links.mobile-links.open a:last-child, .digitization-site .nav-links.mobile-links.open a:last-child { border-bottom: 0; } .digitization-site .nav-links.mobile-links.open a.nav-cta { border: 1px solid rgba(255,255,255,.4); } }