@import "content.css";

.content-head {
  text-align: center;
  background-color: #F8F8F8;
  color: black;
  border: none;
}

figcaption {
  font-size: 80%;
}

.content-head__logo {
  width: 80%;
  padding-top: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content-figure {
  width: 80%;
  display: block; 
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}

.content-figure__video {
  width: 100%;
  border: 5px solid #fecc59;
  border-bottom: 5px solid #f7ab18;
  border-right: 5px solid #f7ab18;
  z-index: -1;
}

.content-highlight {
  background-color: var(--main-color-dark);
  color: white;
  width: 80%;
  display: block; 
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5px;
  padding-bottom: 20px;
  text-align: center;
}

.content-highlight__link {
  color: white;
}

@media only screen and (min-width: 800px) {
  .content-head__logo {
  margin-top: 1em;
  width: 50em;
}
}

@media only screen and (min-width: 1740px) {
  .content-figure {
    width: 1392px;
  }
}

footer {
  margin-top: 0px;
}