html {
  overflow: auto;
}

body {
  height: auto;
}

#primary {
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #primary {
    padding: 8px;
  }
}

#primary #main .page.info {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.entry-content a {
  display: inline-block;
  text-decoration: none;
}
.entry-content :is(
  a,
  a:visited
) {
  color: #000000;
}

.entry-content a:hover {
  color: #00acec;
}

/* all columns */
.col {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  vertical-align: top;
  white-space: normal;
}

.col--first {
  width: 260px;
}

.col--second,
.col--third {
  padding-left: 44px;
  width: 40%;
  width: calc((95% - 260px) / 2);
}

.col h2 {
  display: block;
  font-size: 22px;
  line-height: 20px;
  margin-bottom: 8px;
}

.col p + h2 {
  margin-top: 32px;
}

.col p + p {
  margin-top: 20px;
}

.social {
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  .col-group {
    display: inline-block;
    width: calc(95% - 260px);
  }

  .col--second,
  .col--third {
    display: block;
    width: 100%;
  }

  .col--third h2 {
    margin-top: 32px;
  }
}

@media screen and (max-width: 990px) {
  p {
    font-size: 14px;
    line-height: 18px;
  }

  .col--first {
    width: 220px;
  }

  .col-group {
    width: calc(95% - 220px);
  }
}

@media screen and (max-width: 768px), screen and (max-height: 480px) and (orientation: landscape) {
  .col {
    display: block;
    padding: 0;
  }

  .col-group {
    width: 100%;
  }

  .col--second h2 {
    margin-top: 32px;
  }

  .col--second img {
    margin-right: 8px;
  }
}