@font-face {
        font-family: 'Futura Today';
        src: url('assets/universal/fonts/Futura_Today_Bold.otf');
        font-weight: 900;
        font-style: normal;
    }


    /* Type Ramp */
        .display-1 {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 26px;
            font-weight: 900;
            font-style: normal;
            line-height: 1.1;
        }
        .display-2 {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 24px;
            font-weight: 900;
            font-style: normal;
            line-height: 1.1;
        };
        .display-3 {
            color:  #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: 900;
            font-style: normal;
            line-height:  1.1;
        }
        .display-4 {
            color:  #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 18px;
            font-weight: 900;
            font-style: normal;
            line-height:  1.1;
        }

        .display-5 {
            color:  #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 14px;
            font-weight: 900;
            font-style: normal;
            line-height:  1.1;
        }

        .display-6 {
            color:  #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: 900;
            font-style: normal;
            line-height:  1.1;
        }

        /* Demibold FT */
        .display-1-demi {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 26px;
            font-weight: 700;
            font-style: normal;
            line-height: 1.1;
        }

        .display-2-demi {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 24px;
            font-weight: 700;
            font-style: normal;
            line-height: 1.1;
           
        }

        /* Normal/Regular FT */
        .display-1-normal {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 26px;
            font-weight: 700;
            font-style: normal;
            line-height: 1.1;
        }
        .display-2-normal {
            color: #222222;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 24px;
            font-weight: 700;
            font-style: normal;
            line-height: 1.1;
        }

        /* Body Fonts */
        .body-1 {
            color: #444444;
            font-family: Georgia, TimesNewRoman, "Times New Roman", Times, serif;
            font-size: 20px;
            letter-spacing: normal;
            line-height: 1.2;
        }

        .body-2 {
            color: #444444;
            font-family: Georgia, TimesNewRoman, "Times New Roman", Times, serif;
            font-size: 18px;
            letter-spacing: normal;
            line-height: 1.56;
        }

        .body-3 {
            color: #444444;
            font-family: Georgia, TimesNewRoman, "Times New Roman", Times, serif;
            font-size: 16px;
            letter-spacing: normal;
            line-height: 1.63;
        };
        .body-4 {
            color: #666666;
            font-family: Georgia, TimesNewRoman, "Times New Roman", Times, serif;
            font-size: 14px;
            letter-spacing: normal;
            line-height: 1.29;
        }

        /* Alt Body Fonts - Dropheads, Timestamps, Captions & Credits in large, medium and small */
        .alt-body-1 {
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 17px;
            line-height: 1.2;
        }

        .alt-body-2 {
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 15px;
            line-height: 1.2;
        }

        .alt-body-3 {
            color:  #666666;
            font-family: 'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.29;
        }

        .alt-body-4 {
            color:  #666666;
            font-family:'Futura Today', Helvetica, Arial, sans-serif;
            font-size: 11px;
            line-height: 1.18;
        }

        /* Section Colors */
        .section-news {
            background: #009bff;
        }
        .section-money {
            background: #00a53c;
        }
        .section-sports {
            background: #eb1e00;
        }
        .section-life {
            background: #9600b4;
        }
        .section-travel {
            background: #00c3c3;
        }
        .section-tech {
            background: #fb670d;
        }
        .section-weather {
            background: #ffcc00;
        }
        .section-opinion {
            background: #939598;
        }
        /* Section Text Colors */
        .section-news-text {
            color: #009bff;
        }
        .section-money-text {
            color: #00a53c;
        }
        .section-sports-text {
            color: #eb1e00;
        }
        .section-life-text {
            color: #9600b4;
        }
        .section-travel-text {
            color: #00c3c3;
        }
        .section-tech-text {
            color: #fb670d;
        }
        .section-weather-text {
            color: #ffcc00;
        }
        .section-opinion-text {
            color: #939598;
        }

        /* Grid */
        .row {
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex: 0 1 auto;
            flex-direction: row;
        }
        .column {
            box-sizing: border-box;
            flex: 1 1 auto;
            max-width: 100%;
        }

        .one-column {
            flex: 1 1 8.33333333%;
        }
        .two-column {
            flex: 1 1 16.66666667%;
        }
        .three-column {
            flex: 1 1 25%;
        }
        .four-column {
            flex: 1 1 33.33333333%;
        }
        .five-column {
            flex: 1 1 41.66666667%;
        }
        .six-column {
            flex: 1 1 50%;
        }
        .seven-column {
            flex: 1 1 58.33333333%;
        }
        .eight-column {
            flex: 1 1 66.66666667%;
        }
        .nine-column {
            flex: 1 1 75%;
        }
        .ten-column {
            flex: 1 1 83.33333333%;
        }
        .eleven-column {
            flex: 1 1 91.66666667%;
        }
        .twelve-column {
            flex: 1 1 100%;
        }
        .column.no-gutter, .no-gutter {
            padding:0;
        }
        .column.center {
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            text-align: center;
        }