/* FONT */
        html {
            min-height: 100%;
        }
        body {
            padding: 0; margin: 0;
            font-family: Arial, Helvetica, Sans-Serif;
            font-size: 16px;
            min-height: 100%;
        }
        .footer {
            width: 100%;
            background-color: #FFF;
            color: #000;
            /*background: linear-gradient(180deg, 
            rgba(91,91,91,1) 0%, 
            rgba(50,50,50,1) 300px, 
            rgba(50,50,50,1) 90%, 
            rgba(100,100,100,1) 100%);*/
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding-bottom: 50px;
        }
        .footer img {
            max-width: 250px;
            max-height: 100px;
            margin: 24px;
        }
        .menu > div {
            width: 100%;
            max-width: 1440px;
        }
        .paper {
            max-width: 1440px;
            width: 100%;
        }
        .paper img {
            max-width: 100%;
            height: auto;
        }
        .main {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        /* HEADER */
        .main > div.head {
            padding-top: 20px;
            min-height: 130px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: center;
        }
        .main > div.head > div {
            display: flex;
            width: 100%;
            justify-content: center;
        }
        .main > div.head a {
            display: block;
            max-width: 80%;
        }
        .main > div.head a > img {
            max-width: 100%;
        }
        /* CONTENT */
        .main > div.cont {
            width: 90%;
            max-width: 1200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 62vh;
        }
        /* FEATURED / EVENTS BASIC */
        .featured, .events {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
        /* STANDARD EVENTS */
        .events {
            flex-wrap: wrap;
            margin-top: 50px;
            display: flex;
            flex-direction: row;
        }

        /* SCROLLABLE ON SLIM SCREENS */
        @media only screen and (max-width: 800px) {
            .featured {
                flex-wrap:wrap;
                /*overflow-y: hidden;
                overflow-x: scroll;*/ 
            }
        }
        
        /* ONE EVENT"CARD" */
        .featured > a, .events > a {
            text-decoration: none;
            display: flex;
            flex-direction: column;
        }

        a {
            color: inherit;
        }

        .main > div.head > div.sm {
            width: 100px;
            flex-direction: column;
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .main > div.head > div.sm a {
            max-width: none;
            margin-bottom: 10px;
        }
        .main > div.head > div.sm a img {
            border-radius: 3px;
        }

        @media only screen and (max-width: 800px) {
            .footer {
                flex-direction: column;
            }

            .main > div.head > div.sm {
                z-index: 101;
                right: none;
                left: 5px;
            }
        }