body {
  font-family: sans-serif;
  height: 100vh;
}

@media screen and (max-width: 430px) {
  body {
    /* width: 150vw; */
  }
}

.MainPage {
  padding: 0mm;
  margin: 0mm;
  height: 100vh;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 430px) {
  .MainPage {
    width: 140vw;
  }
}

.Sidebar {
  font-family: sans-serif;
  height: 100vh;
  min-width: 50mm;
  max-width: 50mm;
  overflow-x: scroll;
  margin: 0mm;
  overflow-x: hidden;
}

@media screen and (max-width: 430px) {
  .Sidebar {
    min-width: 50vw;
    max-width: 50vw;
    /* background-color: beige; */
  }
}


.Headings {
  text-decoration: underline;
}

.Sidebar p {
  padding-left: 2mm;
  padding-right: 2mm;
  margin-top: 1em;
  margin-bottom: 1em;
}

.Sidebar a {
  text-decoration: none;
  color: black;
}
.Sidebar a:visited {
  color: black;
}

h1 {
  margin-bottom: 0.27em;
}

p {
  margin-top: 0em;
  margin-bottom: 0em;
}

.Content {
  width: 100%;
  height: 100vh;
  margin: 0mm;
  padding: 0mm;

  top: 0mm;
  right: 0mm;
  display: inline-block;
}

@media screen and (max-width: 430px) {
  .Content {
    /* background-color: teal; */
    width: 90vw;

    overflow-x: hidden;
  }
}

body {
  padding-right: 5%;
  padding-left: 5%;
}

@media screen and (max-width: 430px) {
  body {
    padding-right: 0%;
    padding-left: 3%;
  }
}


img {
  max-width: 100%;
  margin-top: 1cm;
}

@media screen and (max-width: 430px) {
  .img {
    /* max-width: 10vw; */
  }
}

video {
  max-width: 100%;
  margin-top: 1cm;
}

.Contact {
  position: absolute;
  bottom: 0mm;
  z-index: 3;

}

.Press {
  position: absolute;
  bottom: 7mm;
  z-index: 3;


}

.Flyer {
  max-height: 70vh;
}

@media screen and (max-width: 430px) {
  .Flyer {
    max-width: 80vw;
  }
}

.Transparency {
  width: 50mm;
  height: 25mm;
  background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
  position: absolute;
  bottom: 0mm;
  z-index: 2;
}