.side-content {
  color: #e70000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: small;
  padding-right: 10px;
  #overflow-wrap: break-word;
}
.main-content {

}
.clear {
  clear: both;
}

article img {
  #filter: grayscale(100%);
  #-webkit-filter:: grayscale(100%);
  max-width: 675px;
}

.smultron-cta {
  float: right;
  clear: both;
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
  margin-top: -1.5em;
  font-style: italic;
  font-family: cursi;
  color: #e70000;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-container div:last-child {
  margin-right: 0px;
}

/* Large devices */
@media only screen and (min-width: 769px) {
 .side-content {
    width: calc(20% - 10px);
  }
  .main-content {
    width: 80%;
  }
  article img {
    max-width: 675px;
  }
  /*article header h1:not(#index) {
    max-width: 75%;
  }*/
  .flex-container div {
    width: calc((100% - (25px * 2)) / 3);
    margin-right: 25px;
  }
}

/* Small devices */
@media only screen and (max-width: 768px) {
 .side-content {
    width: calc(25% - 10px);
  }
  .main-content {
    width: 75%;
  }
  article img {
    max-width: 100%;
  }
  .flex-container div {
    width: calc(320px - 15px);
    margin-right: 15px;
  }
}

/* Phones */
@media only screen and (max-width: 500px) {
  .flex-container div {
    width: 100%;
  }
}