body{background-color: #ffffff;font-family: 'Titillium Web';box-sizing: border-box;margin: 0;padding: 0;display: flex;flex-direction: column;min-height: 100vh;}h1 {color: black;font-weight: 400;width: 50%;margin: 0;position: absolute;left: 50%;transform: translateX(-50%);text-align: center;}.title{display: flex;justify-content: start;align-items: center;height: 61.19px;border-bottom: 1px solid black;position: relative;z-index: 999;}.hamburger{display: none;cursor: pointer;position: fixed;right: 0;}.bar{display: block;margin: 3px auto;width: 18px;height: 2px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: black;position: relative;}.nav-menu ul{display: flex;list-style: none;justify-content: center;margin: 0rem;padding: 5px;}.nav-item{margin:0 40px;}.nav-link {font-family: 'Titillium Web';font-weight: 500;font-size: 20px;text-decoration: none;color: black;}#logo{vertical-align: middle;padding-left: 50px;width: 200px;position: fixed;top: 0;}.nav-link:hover{color: #808080 }.navigation{position: fixed;width: 100%;top: 0;background-color: whitesmoke;z-index: 999;}.hero{position: relative;padding-top: 112px;display: flex;flex-direction: column;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 10;}.hero-contact,.hero-about{position: relative;background-color: #282828;padding-top: 112px;display: flex;display: -webkit-flex;flex-direction: column;height: 200px;width: 100%;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items:center;z-index: 10;}.hero img{width: 100%;height: 300px;object-fit: cover;}#birthday-band{object-position: 50% 30%;}#bShowers-band{filter: brightness(80%);object-position: 50% 38%;}#hero-header-birthday,#hero-header-portrait,#hero-header-contact,#hero-header-about,#hero-header-bShowers{font-family: "Rochester",sans-serif;font-size: 70px;font-weight: 300;color: white;text-align: center;margin: 0;position: absolute;}.box{display: flex;flex-direction: row;justify-content: center;padding: 112px 20px 10px;position: relative;z-index: 10;}.box-banner{padding: 10px 20px 10px;position: relative;z-index: 10;}.gallery{display: flex;flex-direction: column;width: 32.5%;margin: 0px 5px;position: relative;z-index: 10;}.gallery a{margin: 0;margin-bottom: 10px;height: 0;position: relative;z-index: 10;background-color: white;}.gallery a img{width: 100%;object-fit: cover;object-position: 50% 50%;border-radius: 5px;user-select: none;position: relative;z-index: 10;}img[data-sizes="auto"] {display: block;width: 100%;}.lazyload, .lazyloading {min-height: 200px;opacity: 0;}.lazyloaded{opacity: 1;transition: opacity 300ms;-webkit-transition: opacity 300ms;}img:not([src]):not([srcset]) {visibility: hidden;}.gallery img:hover{cursor: pointer;opacity: 0.5;transition: 0.5s;}footer{background-color: #282828;padding-top: 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0px;color: white;margin-top: auto;}.socials a {display: inline-block;width: 35px;height: 35px;cursor: pointer;background-color: #33383b;border-radius: 2px;font-size: 20px;color: #ffffff;text-align: center;line-height: 35px;margin-right: 3px;margin-bottom: 5px;}.copyright{font-size: 12px;}.contact-greeting{text-align: center;margin: 0 10px;font-size: 18px;}.contact{display: flex;align-items: center;justify-content: space-evenly;padding: 20px;}.contact-form-container{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin: auto;}form{width: 50%;}label{padding: 0px 0px 3px;font-weight: bold;font-size: 14px;-webkit-font-smoothing: antialiased;}#name-label,#message-label{display: block;}.name-container{position: relative;}#first-name,#last-name{width: 400px;padding: 6px 10px;margin-bottom: 10px;border: 1px solid #ccc;border-radius: 5px;}#last-name{position: absolute;left: 250px;margin-left: 250px;}#email,#subject,#message{width: 900px;padding: 6px 10px;margin-bottom: 10px;border-color: none;border: 1px solid #ccc;border-radius: 5px;}.message-container{position: relative;}#message{height: 150px;min-height: 150px;min-width: 900px;max-width: 900px;font-family: 'Titillium Web','sans-serif';font-size: 14px;}input:focus,textarea:focus{outline: none;box-shadow: #66afe9 0px 1px 6px;transition: 0.3s;}#submit-btn,.bio button{appearance: none;background-color: white;border: 1px solid rgba(27, 31, 35, 0.15);border-radius: 3px;box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;color: black;cursor: pointer;display: inline-block;font-family: "Titillium Web", "sans-serif";font-size: 14px;font-weight: bold;line-height: 20px;list-style: none;padding: 6px 16px;position: relative;user-select: none;vertical-align: middle;white-space: nowrap;word-wrap: break-word;margin-bottom: 20px;-webkit-font-smoothing: antialiased;}#submit-btn:hover,.bio button:hover{background-color: #F3F4F6;text-decoration: none;transition-duration: 0.1s;}label span{color: #B94A48;}.contact-card{display: grid;justify-content: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 5px;align-self: center;align-items: center;margin: auto;background-color: white;width: 342.67px;height: 242.44px;}.contact-card i {background-color: #33383b;color: #ffffff;font-size: 25px;width: 38px;height: 38px;border-radius: 50%;text-align: center;line-height: 42px;margin: 10px 15px;vertical-align: middle;user-select: none;}.contact-card h3{text-align: center;text-decoration: underline black;text-decoration-line: underline;user-select: none;}.contact-card i.fa-envelope {font-size: 17px;line-height: 38px;}.contact-card p{display: inline-block;padding-right: 10px;color: #808080;font-size: 16px;}.thank-you{display: flex;flex-direction: column;justify-content: start;align-items: center;height: 80vh;padding-top: 112px;}.thank-you img{width: 100px;}.thank-you h2 {background: linear-gradient(to right, rgba(100, 200, 200, 1), rgba(100, 200, 200, 1)), linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));background-size: 100% 0.1em, 0 0.1em;background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size 400ms;margin: 0 10px;user-select: none;text-align: center;font-weight: 700;}.thank-you h2:hover, .thank-you h2:focus {background-size: 0 0.1em, 100% 0.1em;}.thank-you p{margin: 16px 10px;user-select: none;text-align: center;}.about{margin:20px;}.about h2{text-align: center;}.about-content {display: flex;justify-content: center;margin-top: 10px;font-size: 15px;}.separator{width: 150px;}.bio{width: 600px;}.bio p{line-height: 1.8em;}.about-content img{height: 600px;width: auto;object-fit: cover;border-radius: 5px;}#section-start{margin-bottom: 5px;}#section-end,.service-include{margin-bottom: 40px;}#section-end{margin-top: 0;}.list-heading{margin-bottom: 0;font-weight: bold;-webkit-font-smoothing: antialiased;}.bio ul{margin-top: 0;display: inline-block;text-align: left;}@media(min-width: 2134px){.gallery a img{max-height: none;}#birthday-band,#portrait-band,#bShowers-band{height: 400px;}}@media(min-width: 3450px){#birthday-band,#portrait-band,#bShowers-band{height: 500px;}}@media(max-width:1408px){#email,#subject{width: 500px;}#message{min-width: 500px;max-width: 500px;}#first-name,#last-name{width: 200px;}#last-name{left: 150px;margin-left: 150px;}}@media(max-width:1300px){#hero-header-birthday{font-size: 60px;}}@media(max-width:1250px){.box,.box-banner{padding-left: 10px;padding-right: 10px;}}@media(max-width:1100px){#logo{padding-left: 20px;}}@media(max-width: 1008px){.contact{flex-direction: column;}.contact-form-container{margin: 0;}.contact-card{margin: 0;margin-bottom: 20px;}.contact-card h3{margin-bottom: 0;}.box{padding: 97.38px 5px 10px;}.box-banner{padding: 10px 5px 10px;}.hero,.hero-contact,.hero-about,.thank-you{padding-top: 97.38px;}.title{height: 46.39px;}#logo{width: 150px;}.nav-item{margin:0 32px;}}@media(max-width:933px){.about-content img{width: 400px;height: 600px;}.bio{width: 400px;}}@media(max-width: 921px) {h1{font-size: 28px;}}@media(max-width: 867px){.nav-link{font-size: 17px;}.box{padding: 92.38px 5px 10px;}.box-banner{padding: 10px 5px 10px;}.hero,.hero-contact,.hero-about,.thank-you{padding-top: 92.38px;}}@media(max-width: 820px){h1{display: none;}.title{justify-content: space-between;height: 71.19px;}.box{flex-direction: column;padding: 82.19px 5% 10px;}.box-banner{padding: 10px 5% 10px;}.hero,.hero-contact,.hero-about,.thank-you{padding-top: 82.19px;}.gallery{width: 100%;margin: 0;}.gallery a img{max-height: none;}.hamburger{display: block;padding-right: 6%;margin-top: 5px;}.hamburger.active .bar:nth-child(2){opacity: 0;}.hamburger.active .bar:nth-child(1){transform: translateY(8px) rotate(45deg);}.hamburger.active .bar:nth-child(3){transform: translateY(-2.5px) rotate(-45deg);}.nav-menu{position: absolute;top: 100%;left : -150%;gap: 0;flex-direction: column;background-color: #f5f5f5;width: 100%;text-align: left;transition: 0.5s;opacity: 0.9;}.nav-menu ul{flex-direction: column;gap: 0;}.nav-item{margin: 2% 0;}.nav-menu.active{left: 0;}.nav-link:active{display: block;background-color: #302E2C;border-radius: 5px;color: white;}.nav-link{font-size: 20px;}.gallery a{pointer-events: none;cursor: pointer;}#logo{width: 200px;padding-left: 3%;margin-top: 5px;margin-bottom: 5px;}}@media(max-width:750px){.about-content{flex-direction: column;justify-content: center;align-items: center;}.separator{width: 0px;}.about-content img,.bio{width: 100%;}.about-content img{height: 100vw;}}@media(max-width: 700px){#birthday-band{object-position: 40% 50%;}#hero-header-birthday{font-size: 40px;}}@media(max-width: 676px){#hero-header-bShowers{font-size: 40px;}#hero-header-about{font-size: 50px;}}@media(max-width:600px){#first-name{margin-bottom: 20px;width: 85vw;}#last-name{display: block;position: static;margin: 0px 0px 10px;padding: 6px 10px;width: 85vw;}#subject,#email{width: 85vw;}#message{min-width: 85vw;max-width: 85vw;}}@media(max-width:566px){#birthday-band{object-position: 35% 50%;}.box{padding: 67.38px 5% 10px;}.box-banner{padding: 10px 5% 10px;}.hero,.hero-contact,.hero-about,.thank-you{padding-top: 67.38px;}.title{height: 56.39px;}#logo{width: 150px;}#bShowers-band{object-position: right;}}@media(max-width: 480px){#birthday-band{object-position: 30% 50%;}.box{padding: 67.38px 2% 10px;}.box-banner{padding: 10px 2% 10px;}#logo{padding-left: 2%;}}@media(max-width: 422px){.contact-card{width: 325.03px;height: 239.44px;}.contact-card i {margin: 10px 5px;}}@media(max-width: 385px){.contact-card i{font-size: 20px;width: 34px;height: 34px;line-height: 36px;}.contact-card i.fa-envelope{line-height: 34px;}}@media(max-width: 366px){#birthday-band{object-position: 27% 50%;}.contact-card p {font-size: 14px;}.contact-card{width: 280.03px;height: 227.44px;}}