@font-face {
    font-family: 'AUTHENTIC Sans';
    src: url('AUTHENTICSans-Condensed130.eot');
    src: url('AUTHENTICSans-Condensed130.eot?#iefix') format('embedded-opentype'),
        url('AUTHENTICSans-Condensed130.woff2') format('woff2'),
        url('AUTHENTICSans-Condensed130.woff') format('woff'),
        url('AUTHENTICSans-Condensed130.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AUTHENTIC Sans 90';
    src: url('AUTHENTICSans-Condensed130_1.eot?#iefix') format('embedded-opentype'),
        url('authentic-sans-condensed-90.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    .marquee {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        color: #000;
        padding: 4px 0;
        font-size: 24px;
        font-weight: lighter;
        background: #2ac3f0;
    }
    .marquee span {
        display: inline-block;
        animation: marquee 47s linear infinite;
    }
    @keyframes marquee {
        0% {
            transform: translateX(10%);
        }
        100% {
            transform: translateX(-100%);
        }
    }
.bg-green {
    background: #53b748 !important;
}
.bg-coral {
    background: #f48574 !important;
}
.bg-purple {
    background: #a07fb8 !important;
}
.bg-mint {
    background: #d8ecd8 !important;
}
.bg-yellow {
    background: #f6c914 !important;
}
body {
    font-family: 'AUTHENTIC Sans';
    margin: 0;
    padding: 0;
    font-weight: lighter;
    header {
        display: grid;
        grid-template-columns: 8fr 1fr;
        .header-link {
            padding-top: 10px;
            padding-left: 10px;
            ul {
                display: inline;
                list-style-type: none;
                padding: 0;
                margin: 0;
                li {
                    display: inline;
                    font-size: 2em;
                    padding-right: 20px;
                }
                a {
                    color: #000;
                    text-decoration: none;
                }
                .selected {
                    text-decoration: underline;
                }
            }
        }
        .header-icon {
            padding-top: 3px;
            right: 10px;
            ul {
                display: inline;
                list-style-type: none;
                padding: 0;
                margin: 0;
                text-align: right;
                background: #28ffbc;
                li {
                    display: inline;
                    font-size: 2em;
                    padding-right: 8px;
                    float: right;
                }
            }
        }
    }
    .main-image {
      width: 100%;
      margin: 0 auto;
      background: #f6c914;
      padding-bottom: 2%;
    }
    .about {
        text-align: center;
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 3%;
        padding-bottom: 1%;
        background: #ef4b23;
        display: grid;
        font-size: 3.5vw;
    }
    .about-split {
        text-align: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 3%;
        padding-bottom: 1%;
        background: #ef4b23;
        display: grid;
        grid-template-columns: 4fr 4fr;
        h1 {
            font-size: 3.5vw;
        }
        .about-left {
            border-right: 3px solid #000;
            padding-left: 2%;
            padding-right: 4%;
            font-size: 2em !important;
        }
        .about-right {
            padding-left: 4%;
            padding-right: 2%;
            font-size: 1.5em !important;
        }
    }
    .about-exhibitors {
        text-align: left;
        padding-left: 0%;
        padding-right: 2%;
        padding-top: 3%;
        padding-bottom: 1%;
        background: #d8ecd8;
        display: grid;
        grid-template-columns: 3fr 3fr 3fr;
        font-weight: normal;
        ul {
            list-style-type: none;
            li {
                margin-bottom: 4px;
            }
        }
    }
    .about-exhibitors-1 {
        font-size: 0.5em !important;
    }
    .about-exhibitors-2 {
        font-size: 0.5em !important;
    }
    .about-exhibitors-3 {
        font-size: 0.5em !important;
    }
    .headline {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 12vw;
        text-align: left;
        text-transform: uppercase;
        line-height: 10vw;
    }
    .ppp {
      width: 100%;
      margin: 0 auto;
      background: #ef4b23;
      padding-bottom: 2%;
    }
    footer {
        background: #ef4b23;
        display: grid;
        padding: 10px;
    }
    .footer-bottom {
        background: #ef4b23;
        display: grid;
        padding: 10px;
        grid-template-columns: 10fr;
        text-align: center;
    }
}