:root {
 --color-darker-gray: white;
 --color-primary-text: #f1f2f3;
 --color-secondary-text: #f1f2f3;

 --color-background: #071b1c;
 --color-foreground: #f1f2f3;
}

/*
#44d0c5 
*/

body {
  background-color: var(--color-background);
  /*color: var(--color-foreground);*/
}


.column {
  float: left;
}

.row-of-4 .column {
  width: 25%;
}
.row-of-3 .column {
  width: 33.33%;
}
.row-of-2 .column {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    padding-bottom: 30px;
  }
}

.gh-content h4 {
  font-weight: 900;
  color: #44d0c5;
  font-style: italic;
  font-size: 3rem;
  text-align: center;
  /*margin-top: 40px !important;*/
}

.single-title {
    font-size: 5rem;
}
.gh-content h2 {
    font-size: 2em;
}

/* Avatars */

.avatar {
  padding: 20px;
}

.avatar img {
  border-radius: 50%;
  width: 100%;
}

.avatar p {
  text-align: center;
  padding-top: 10px;
}