.front-page__main .grid__col {
  margin: auto; }

.cc-window .cc-message {
  max-width: 75%; }

.landing-header {
  align-items: center;
  display: flex;
  flex-flow: column;
  margin: 3.75rem 0; }
  .landing-header .site-branding {
    max-width: 11.125rem;
    width: 100%; }
    .landing-header .site-branding img {
      max-height: none; }
  .landing-header__title {
    color: #1da844;
    font-size: 3rem;
    margin: 1.875rem 0 0;
    text-align: center; }

.site-card {
  align-items: center;
  color: #ada7a6;
  display: flex;
  flex-flow: column;
  padding-bottom: 9px;
  padding-top: 9px; }
  .site-card:hover .site-card__thumbnail {
    transform: scale(1.1); }
  .site-card:hover .site-card__overlay {
    background-color: rgba(0, 0, 0, 0.7); }
  .site-card:hover .site-card__title {
    color: #ff8220; }
  .site-card:hover .site-card__more-button {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }
  .site-card__thumbnail-wrapper {
    align-self: stretch;
    overflow: hidden;
    position: relative; }
    .site-card__thumbnail-wrapper::before {
      content: '';
      display: block;
      padding-top: 57.35359857%; }
  .site-card__thumbnail {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s;
    z-index: 0; }
    .site-card__thumbnail img {
      width: 100%; }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .site-card__thumbnail img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: 50% 50%;
             object-position: 50% 50%; } }
  @media (prefers-reduced-motion: reduced) {
    .site-card__thumbnail {
      transition: none; } }
  .site-card__overlay {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s;
    z-index: 1; }
    @media (prefers-reduced-motion: reduced) {
      .site-card__overlay {
        transition: none; } }
  .site-card__more-button {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    transition: background-color .3s, transform .3s, opacity .3s;
    z-index: 2; }
  @media (prefers-reduced-motion: reduced) {
    .site-card__more-button {
      transition: none; } }
  .site-card__title {
    color: #1da844;
    margin: 1.25rem 0 0.3125rem;
    transition: color .3s; }
  .site-card__url {
    font-family: "Trade Gothic Condensed 18", "Helvetica", sans-serif; }
  .site-card__description {
    font-size: 1rem;
    margin: 0.625rem;
    text-align: center;
    width: 100%;
    min-height: 66px; }