propernaming/site/css/basic.css

.text-center {
  text-align: center; }

.padding-above-and-below .narrow-article {
  box-shadow: 5px 5px 10px #000000; }

.display-text {
  max-width: 70%;
  margin: 0 0 0 15%;
  line-height: 1.875em; }
  .display-text h1, .display-text h2, .display-text h3, .display-text h4, .display-text h5, .display-text h6, .display-text h7 {
    text-align: center; }

.padding-above-and-below .narrow-article {
  background-color: white;
  margin: 2em;
  padding: 1em;
  max-width: 37%; }

.padding-above-and-below {
  padding: 5em 0; }
  .padding-above-and-below .flex-no-wrap {
    display: flex;
    justify-content: center;
    flex-direction: row; }
  .padding-above-and-below .flex {
    display: flex;
    justify-content: center;
    flex-flow: row wrap; }
  .padding-above-and-below .narrow-article p {
    line-height: 1.875em; }

@media (max-width: 800px) {
  .display-text {
    max-width: 100%;
    margin: 1em;
    line-height: 1.875em; }
  .narrow-article {
    max-width: 75% !important; }
  .padding-above-and-below {
    padding: 5em 0; }
    .padding-above-and-below .flex-no-wrap {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .padding-above-and-below .flex-no-wrap img {
        align-self: center; } }

@media (min-width: 1500px) {
  .narrow-article {
    max-width: 25% !important;
    padding: 1em !important;
    margin: 2em !important;
    background-color: white !important; } }