.embed-container {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#footer {
  background-color: white;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

#footer .footer-column:first-child {
  border-left: 0;
}

#footer .footer-column:last-child {
  margin-bottom: 1rem;
}

#url {
  font-size: 1.2rem;
  font-weight: 700;
  color: white;
  line-height: 1.3;
  margin-top: 12px;
  display: inline-block;
  text-decoration: none;
}

.intro-columns {
  display: flex;
  gap: 1rem;
  margin-top: 20px;
}

@media only screen and (max-width: 900px) {
  .intro-columns {
    display: block;
  }
  .intro-columns > div:first-child {
    margin-bottom: 20px;
  }
}

#content {
  background: #4ba6a6;
  padding: 20px;
}

.i {
  width: 49%;
  float: left;
  margin-bottom: 2%;
  display: block;
}

.i.r {
  float: right;
}

body.project-WOS .contentHeaderImage {
  height: 62px;
}

@media only screen and (max-width: 900px) {
  body.project-WOS .contentHeaderImage {
    heigh: auto;
  }
}

.url-highlight {
  padding: 15px;
  font-size: 140%;
  border: 1px solid white;
  display: inline-block;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px;
}

.url-highlight:hover {
  background-color: rgba(255, 255, 255, 0.08);
}