html, body {
  font-size: 1.6em;
  overflow-x:hidden;
}

.wrapper {
  width:100%;
}

.fullSizeHeader {
  height:50vh;
}

.d75center, .d60center {
  width:95%;
  margin-left:2.5%;
}

.footer {
    background-image: url(../../pictures/decoration/topLeft.svg), url(../../pictures/decoration/topRight.svg), url(../../pictures/decoration/bottomLeft.svg), url(../../pictures/decoration/bottomRight.svg);
    background-size: 10em auto, 13em auto, 12em auto, 13em auto;
    background-position: left top, right top, left bottom, right bottom;
}

h1, h2 {
  font-size:2.15em;
}

.paragraph {
  width:90%;
  margin-left:5%;
}

.mediumMarginTopBigMarginBottom {
  margin-top:4em;
  margin-bottom:8em;
}

.bigMarginTopSmallMarginBottom {
  margin-top:8em;
  margin-bottom:2em;
}

.bigPaddingTopMediumPaddingBottom {
  padding-top:12em;
  padding-bottom:4em;
}

.bridalProfiles {
  position:relative;
}

.bridalProfiles .d30 {
  margin-top:15em;
  width:45%;
}

.pillMask {
  height:11.7em;
  width:8.4em;

  -webkit-border-radius: 4.2em;
     -moz-border-radius: 4.2em;
      -ms-border-radius: 4.2em;
       -o-border-radius: 4.2em;
          border-radius: 4.2em;
}

.pillDecoration {
    position: absolute;
    width: 11.8em;
    height: 16.4em;
    top: calc((11.7em - 13.2em) / 2);
    left: calc((8.4em - 12.1em) / 2);
}

.individualProfile .d50 {
  width:90%;
}

.bridalProfiles .center {
  width:100%;
  position:absolute;
  pointer-events: none;
}

.bridalProfiles .left {
  float:right;
}

.flowersBottom {
  background-size:12em auto, 13em auto;
}

.flowersTop {
  background-size:8em auto, 11em auto;
}

.countdownSectionWrapper {
  width:4.5em;
  height:4.5em;
}

.countdownSectionContentWrapper {
  font-size:0.75em;
}

.countdownToWeddingContainer {
  word-spacing:0.5em;
}

.carouselWrapper {
  height:19em!important;
}

.parents {
  width:100%;
  margin:1em 0 0 0;
  padding:0;
}

.registrationWrapper {
  max-width: 100%;
  width:100%;
}

#addingGuestWrapper .d30 {
  margin:0!important;
  padding:0!important;
  width:100%;
}

#addingGuestWrapper .additiveGuest {
  border-bottom:dashed 0.1em rgb(var(--primaryColor));
  float:left;
  margin-bottom:1.5em;
}

.button {
  padding:0.6em 1.2em;
}


.slides {
  background-size:auto 100%!important;
}

@keyframes moveUpwardsAnmiationLeft {
  from {
    background-position:left 0vh;
  } to {
    background-position:left -15vh;
  }
}

.secondSlide {
  background-image:url('../../pictures/index/slide2mobile.jpg')!important;
}

.thirdSlide {
  background-image:url('../../pictures/index/slide3mobile.jpg')!important;
}

.mediaVideo video {
  width: 95%;
}

.uprightVideo video {
  width:95%;
  height:auto;
}

.pictureGallery .galleryElement {
  width:95%;
}

.closeButton {
  margin-right:1.0em!important;
}

.pictureGallery {
  gap:2em;
}

.galeryHeadbar {
  margin-bottom:1.5em!important;
  padding:0.75em 0!important;
}

.galeryFullsizeImage {
  width: calc(100% - 1em)!important;
  height:calc(100% - (6.5em + 1px))!important;
  margin-left:0.5em!important;
}

.leftGaleryArrowContainer, .rightGaleryArrowContainer {
  display:none!important;
}


/* Timeline */

.timelineImages {
  display:none;
}

.iconCircle {
  display:none;
}

.twoLinedTimelineDescription, .threeLinedTimelineDescription {
  height:auto;
}

.timeline .d42 {
  width:45%;
}

.timeline .left {
  float:right;
}

.timeline .left, .timeline .right {
  margin:1.5em 0;
}

.timelinePictureContainer {
  margin-top:-0.5em;
  display:block;
}


/* Footer */

.footer .d50center {
  width:90%;
  margin-left:5%;
}

.footer .d50center .d40 {
  width:50%;
}

.copyright, .footerDisclaimer {
  width:100%;
  left:0;
  text-align: center;
}

.footerDisclaimer {
  bottom:9em;
}

.copyright {
  bottom:7em;
}


#reading-progress {
  display:none;
}




/* Navigation */

#navigation {
  display:none;
}

.navigationListing {
  line-height: 1.5em;
  font-size:1.1em;
}

.navigationActive {
  background-color:rgba(var(--whiteColor), 0.95);
  height:100vh;


  background-image:url('../../pictures/decoration/bottomLeft.svg'), url('../../pictures/decoration/bottomRight.svg');
  background-size:12em auto, 13em auto;
  background-position:left bottom, right bottom;
  background-repeat: no-repeat;
}

.toolbarWrapper {
  top:0;
  position:fixed;
}

.leftToolbarBox {
  width:75vw;
}

.rightToolbarBox {
  width:25vw;
}

#toolbarContactInformationsOverlay object {
  width:100%;
}

.toolbar .wrapper {
  width:95%;
}