.mobile {
  display: block;
}
.desktop {
  display: none;
}

input, select, button {
  max-width: 100%;
}
.overlay-main {
  flex-direction: column;
}
.overlay-content {
  margin: 0;
  flex-grow: 1;
}

.headerDiv {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
#headerDivPlaceholder {
  display: block;
}

.topDiv {
  flex-wrap: wrap;
  padding: 0;
  height: auto;
}

.topFirst {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  padding: 0 var(--size-half);
}
.logoDiv img {
  width: 185px;
}

.topMenu.elementVisible {
  display: unset;
}
button.showMenuMobileButton {
  width: var(--size-default);
  height: var(--size-default);
  display: flex;
  align-items: center;
  justify-content: right;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}
.showMenuMobileButton .visible {
  display: none;
}
.showMenuMobileButton.elementVisible .visible {
  display: unset;
}
.showMenuMobileButton.elementVisible .hidden {
  display: none;
}
.threeLines {
  display: inline-block;
  width: 100%;
}
.threeLinesLine {
  display: block;
  height: 7px;
  margin-bottom: 6px;
  background-color: var(--color-negative);
}
.threeLinesLine:last-child {
  margin-bottom: 0;
}
.showMenuMobileButton img {
  width: 25px;
}
.menuArrow {
  font-weight: bold;
  font-size: 3em;
  color: var(--color-negative);
}
.topMenu {
  width: 100%;
}
.topMenu ul {
  padding-top: 0;
}
.topMenu ul li {
  display: block;
  text-align: center;
  margin: var(--size-quarter) 0;
}
.topMenu > ul > li {
  border-bottom: solid 1px;
  padding: var(--size-quarter) 0;
  margin: 0;
}
.topFormLink {
  width: 300px;
  height: 50px;
  line-height: 52px;
}

.siteSection, .section {
  margin: var(--size-half) var(--size-quarter);
}

.editlist {
  overflow: scroll;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.mediaCol {
  flex-basis: 100%;
}