div#hdr-intro {
  margin: 2.5rem;
  text-align: center;
}
div#hdr-intro > p {
  margin: 0;
}
div#hdr-intro > p > a {
  color: #6aa67d;
  text-decoration: none;
}
div#hdr-intro > p > a:hover {
  color: #579169;
  text-decoration: underline;
}
div#hdr-intro > p > a:active {
  color: #f6b934;
}

div#panel-dict-select-home,
div#panel-visuals {
  width: calc(50% - 7.5rem);
  display: inline-block;
  vertical-align: top;
}

div#panel-dict-select-home {
  margin: 0 2.5rem 0 5rem;
  padding: 1.25rem;
}
div#panel-dict-select-home > p > a {
  color: #f6b934;
  text-decoration: none;
}
div#panel-dict-select-home > p > a:hover {
  color: #f8af11;
  text-decoration: underline;
}

div#panel-visuals {
  margin-left: 2.5rem;
}
div#panel-visuals > img {
  width: 100%;
}

div#panel-ads {
  margin: 6.25rem 0 1.25rem;
  text-align: center;
}
div#panel-ads > h4 {
  margin: 0 0 0.5rem;
  color: #6aa67d;
  font-weight: 400;
}
div#panel-ads > a {
  display: inline-block;
  margin-right: 0.5rem;
  width: 8rem;
  height: 2rem;
  overflow: hidden;
}
div#panel-ads > a > img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  div#hdr-intro {
    margin: 1.25rem 1.25rem 2.5rem;
  }

  div#panel-dict-select-home,
  div#panel-visuals {
    display: block;
    margin: 0 1.25rem 1.25rem;
    width: auto;
  }
}