* {
            box-sizing: border-box;
        }

        /* body {
            background-color: #f1f1f1;
            padding: 20px;
            font-family: Arial;
        } */

        /* Center website */
        .main {
            max-width: 1000px;
            margin:0 auto;
        }

        h1 {
            font-size: 50px;
            word-break: break-all;
        }

        .row {
            margin: 10px -16px;
        }

        /* Add padding BETWEEN each column */
        /* .row,
        .row>.column {
            padding: 2px;
        } */

        /* Create three equal columns that floats next to each other */
        .column {
            float: left;
            width: 33.33%;
            display: none;
            /* Hide all elements by default */
        }

        .column > div > img {
            max-height: 300px;
            object-fit: cover;
        }

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

        /* Content */
        .content {
            background-color: white;
            padding: 1px;
        }

        .contentVideoPreview {
            position: relative;
        }

        .contentVideoPreview > a > img {
            max-height: none !important;
            object-fit: contain;
            height:280px;
        }

        .contentVideoPreview > a > i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center;
        }

        /* The "show" class is added to the filtered elements */
        .show {
            display: block;
        }

        #btnContainer {
            text-align: center;
        }

        /* Style the buttons */
        /* .btn {
            border: none;
            padding: 12px 16px;
            background-color: white;
            cursor: pointer;
            box-shadow: none;
        }

        .btn:hover {
            color: #00AFEF;
        }

        .btn.active {
            color: #00AFEF;
            box-shadow: none;
            border-color: white;
        } */

        #btnContainer > a {
            padding: 8px;
        }



/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    width: 50%;
  }

  .contentVideoPreview > img {
    height: 230px;
  }
}

/* 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 {
    width: 100%;
  }
}