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

.wrapper {
  width:100%;
}

@keyframes moveUpwardsAnmiationSmartphone {
  from {
    background-position:center 0vh;
  } to {
    background-position:center -9vh;
  }
}

.slide {
  background-size: 120% auto;
  background-position:center -9vh;
}


.slideMovingUpwards {
  animation-name:moveUpwardsAnmiationSmartphone;
  animation-duration:7.0s;
}

.halfSizeHeader {
  margin-top:3em;
  height:40vh;
}

.fullSizeHeader {
  height:50vh;
}

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

.footer {
    background-size:110% auto;
}

h1, h2 {
  font-size:1.8em;
  max-width:95%;
  margin-left: 2.5%;
}

.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;
}

.carouselWrapper {
  height:19em!important;
}

.button {
  padding:0.6em 1.2em;
}

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

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

.quadraticButton {
  margin-bottom: 2.75em!important;
  animation-name:none!important;
}

.aboutme {
  display:none;
}


/* Footer */
.footer {
  height:auto;
}

.footer .d65center {
  width:100%;
  margin:0;
}

.footer .d30 .d40 {
  width:40%;
  margin:0;
}


.footer .d50center, .footer .d30, .footer .d40 {
  margin-bottom:2.25em;
  width:90%;
  margin-left:5%;
  float:left!important;
}

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

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

.footerDisclaimer {
  bottom:9em;
}

.copyright {
  bottom:7em;
}


#reading-progress {
  display:none;
}



.d45 {
  width:100%;
  margin-bottom:2em;
}


.galleryPictureWrapper {
  width:100%;
  height:calc(5.4em * 2.9);
}


/* Navigation */

#hamburgerMenu {
  display:block;
  margin-top:1.25em;
  float:right;
  width:100%;
}

.hamburgerMenuIcon svg {
  height:1.2em;
  margin-right:0.75em;
}

.toolbar {
  padding:0.4em 0;
}

.logoWrapper object {
  height:3.25em;
}

#navigation {
  display:none;
}

.logoWrapper {
  z-index:9;
  position:relative;
}

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

.navigationActive {
  background-color:rgba(var(--whiteColor), 0.97);
  height:calc(100vh - 4em);
  width:100vw;
  position:fixed;
  padding-top:4em;
  top:0;
  left:0;

  display:block!important;
}

#navigation ul li {
  width:90%;
  text-align: left;
  margin-left: 10%;
  padding: 0;
}

#nav li ul {
  position:relative;
  text-align: left;
  width:95%;
  margin-left: 5%;
  left:0;
  padding:0;
}

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

.leftToolbarBox {
  width:75vw;
}

.rightToolbarBox {
  width:40vw;
}

#toolbarContactInformationsOverlay object {
  width:100%;
}

.toolbar .wrapper {
  width:95%;
}