* {
    box-sizing: border-box;
  }
  
  .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
  }

        header {
            .back-home {
                color: #c5827b;
                display: inline-block;
                text-decoration: none;
                transition: transform 0.4s ease-in-out;
                font-size: 18px;
            }
        
            .back-home:hover {
                transform: scale(1.1);
            }
        
            .jslog {
                color: #c5827b;
                font-size: 18px;
                padding-bottom: 0px;
                text-shadow: none;
                display: inline-block;
                /* Zorgt dat de margin werkt zoals verwacht bij inline-elementen */
                text-decoration: none;
                transition: transform 0.4s ease-in-out;
                font-size: 24px;
            }
        
            .jslog:hover {
                transform: scale(1.1);
            }
            
        }
    
          
          /* Create four equal columns that sits next to each other */
          .column {
            -ms-flex: 25%; /* IE10 */
            flex: 25%;
            max-width: 25%;
            padding: 0 4px;
          }
          
          .column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;
          }
          
          /* Responsive layout - makes a two column-layout instead of four columns */
          @media screen and (max-width: 800px) {
            .column {
              -ms-flex: 50%;
              flex: 50%;
              max-width: 50%;
            }
          }
          
          /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
          @media screen and (max-width: 600px) {
            .column {
              -ms-flex: 100%;
              flex: 100%;
              max-width: 100%;
            }
          }