html{margin:0;padding:0;scroll-behavior:smooth}body{margin:0;padding:0}.sticky{transition:0.75s ease;background:rgba(169, 188, 192, 1) !important;border-bottom:2px solid rgba(169, 188, 192, 0.3) !important}.rounded-button{border-radius:10px}.section-heading{color:#5C5B4D;text-align:center;font-size:3rem;font-family:'Niconne',cursive}.section-heading:after{content:"";display:block;margin:0 auto;margin-bottom:30px;width:50%;padding-top:20px;border-bottom:1px solid #5C5B4D}.outline-button-light,.outline-button-dark{display:inline-block;padding:5px 12px;border-width:3px;border-style:solid;border-radius:5px;font-size:1rem;font-weight:700;text-align:center;transition:0.3s ease all}.outline-button-light:hover,.outline-button-dark:hover{text-decoration:none}.outline-button-light{border-color:#FFF;color:#FFF}.outline-button-light:hover{color:#FFF;background-color:rgba(255,255,255,0.3)}.outline-button-dark{border-color:#5C5B4D;color:#5C5B4D}.outline-button-dark:hover{color:#5C5B4D;background-color:rgba(92,91,77,0.3)}#mainHeader{position:fixed;top:0;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.15);background:rgba(169, 188, 192, 0.5);transition:0.75s ease;z-index:9999}#mainHeader .logo{display:inline-block;padding:10px 15px 10px 25px;color:white;font-size:1.7rem;font-family:'Courgette',cursive}#mainHeader .logo:hover{text-decoration:none}#mainHeader .logo .fa-heart{text-shadow:2px 2px #AAA}#mainHeader nav{padding:0}#mainHeader nav a{padding:20px 20px;display:inline-block;color:white;text-decoration:none;font-size:1.1rem;font-weight:lighter}#mainHeader nav a:hover{text-decoration:none}#mainHeader .navbar-toggler-icon i{font-size:30px;color:#FFF}#topSection{min-height:100vh;background:linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 52%, rgba(0,0,0,0.3) 100%)}#topSection::after{content:"";background:url('../img/heroBanner1.jpg') no-repeat;background-position:33% 0%;background-size:cover;opacity:0.8;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}#topSection .heroHeart{width:450px;height:450px;font-size:2rem;color:white;text-shadow:2px 2px #000;text-align:center;display:table-cell;vertical-align:middle;animation-delay:0.3s}.webp #topSection .heroHeart{background:url('../img/heroHeart-grayscale.webp') center center/100% no-repeat local}.no-webp #topSection .heroHeart, .no-js #topSection .heroHeart{background:url('../img/heroHeart-grayscale.png') center center/100% no-repeat local}#topSection .heroHeart .names{font-family:'Great Vibes',cursive;font-size:3rem;animation-delay:1s}#topSection .heroHeart .weddingDate{font-family:'Courgette',sans-serif;animation-delay:1.7s}#topSection .msg-scroll-down{background-color:rgba(0, 0, 0, 0.1);padding:10px 5px;position:absolute;bottom:0;width:100%;color:#FFF;text-align:center;font-weight:300;font-size:1.1rem}#profile{background-color:#E1DEDB}#profile .couple-thumb{border-radius:50%;border:5px solid white}#wedding-date{min-height:100vh;position:relative;background-color:rgba(0,0,0,0.4)}#wedding-date::after{content:"";opacity:0.8;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}.webp #wedding-date::after{background:url('../img/heroBanner2.webp') no-repeat;background-size:cover}.no-webp #wedding-date::after, .no-js #wedding-date::after{background:url('../img/heroBanner2.jpg') no-repeat;background-size:cover}#wedding-date h2{padding:15vmax 0 35px 0;font-family:'Great Vibes',cursive;font-size:80px;text-align:center;color:white}#wedding-date h4{font-family:'Great Vibes',cursive;font-size:50px;text-align:center;color:white}#wedding-date a{margin-bottom:15vmax}.eventBox{background-color:#E1DEDB;padding:50px 25px}.eventBox .location{background-color:rgba(169,188,192,1)}#heroRing{height:300px;width:100%;padding:0;margin:0}.webp #heroRing{background:url('../img/heroBanner-ring.webp') no-repeat center center;background-size:cover}.no-webp #heroRing, .no-js #heroRing{background:url('../img/heroBanner-ring.jpg') no-repeat center center;background-size:cover}#registry img{max-width:100%;height:auto;max-height:75px}.gallery-grid .grid-item{padding:2px}.gallery-grid .grid-item img{width:100%}#footer{background-color:#5c5b4d;color:#aba;font-size:0.7rem;margin:0;padding:10px 15px}