.header {
    text-align: center;
    padding: 32px;
    background-color: var(--c14);
  }

  .header h1, .header p {
    margin: 20px 0;
    color: var(--c1);
  }

  .header .fa {
    padding-left: 5px;
  }
  
  .row {
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
    padding: 0 4px;
    margin: 20px 0;
  }
  
  /* Create two equal columns that sits next to each other */
  .column {
    -ms-flex: 50%; /* IE 10 */
    flex: 50%;
    padding: 0 4px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    object-fit: cover;
  }
  
  /* Style the buttons */
  .btn {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: var(--c10);
    cursor: pointer;
    font-size: 18px;
    color: var(--c1);
  }
  
  .btn:hover {
    background-color: var(--c3);
  }
  
  .btn.active {
    background-color: var(--c2);
    cursor: default;
  }