body {
            width: auto;
            background-image: url('Snowstorm_Page_Images/snowstorm-background.jpg');
            /*border: 1px gray solid;*/
            margin: 4px;
        }

        #header {
            margin: 0;
            width: 100%;
            /* border: 2px gold solid; */
        }

        .banner {
            width: 100%;
            background-color: #A0C1FE;
            background-image: repeating-linear-gradient(#CCCCCC, #A0C1FE);
            background-image: repeating-linear-gradient(#DDEEFF, #AACCEE, #5588CC);
            border: 2px slateblue solid;
        }

            .banner img {
                border: 1px #A0C1FE solid;
                padding: 10px;
                border: 1px rgba(255, 255, 0, 0.0) solid;
                width: 90%;
                height: auto;
            }

                .banner img:hover {
                    border: 1px blue solid;
                    background: white;
                }

        .banner-leftimg {
            float: left;
			width: 225px;
            max-width: 225px;
        }

        .banner-rightimg {
            float: right;
			width: 225px;
            max-width: 225px;
        }

        .banner td {
            border 1px green solid;
        }

        #page-title {
            margin-bottom: 30px;
            max-width: 100%;
        }

#content {
    background-color: #5a61925e;
    margin: 0;
    padding: 3px 5px;
}

        .results pre {
            font-family: 'Roboto Mono', 'Consolas', monospace;
        }

        .footer {
            background-image: url("../../pageimages/paper.jfif");
            background-repeat: repeat;
            /*background-color: #A1ABC0;*/
            /* background-image: repeating-linear-gradient(#6390c8, #89bee7, #6f6d82); */
            /* border: 1px #30314d solid; */
            /* width: 100%; */
            padding: 1px 10px;
            border: 1px #404040 solid;
            margin: 5px 0px 0px 0px;
        }

            .footer p {
                font-family: 'Roboto Mono', 'Consolas', monospace;
                font-weight: normal;
                font-size: 16px;
            }

            .footer img {
                margin: 10px;
                width: 50%;
                max-width: 525px;
            }


        h1, h2, h3, h4 {
            font-family: "Titillium Web", sans-serif;
            text-align: center;
        }

        h1 {
            color: snow;
            background-color: darkblue;
        }

        h1, h2 {
        }

        h2 {
            color: snow;
            background-color: #11114e;
            font-size: 2.0rem;
            margin: 5px 0 2px 0;
            text-decoration: underline;
            padding: 5px px;
            text-align: left;
        }

        h3 {
            /*color: #660000;*/
            color: black;
            font-size: 1.1rem;
            margin: 0px auto;
            padding: 0px;
        }

        h4 {
            /*color: #660000;*/
            color: black;
            font-size: 11px;
            font-weight: bold;
            margin: 0px auto;
            padding: 0px auto;
        }

        .host-title, .host-title a {
            color: black;
            font-family: "Titillium Web", sans-serif;
            font-size: 1rem;
            font-weight: 600;
            margin: 0px auto;
            padding: 0px;
            text-align: center;
            text-decoration: none;
            max-width: 65%;
        }

            .host-title a:hover {
                color: blue;
                text-decoration: underline;
            }

        .report-subtitle {
            font-family: "Titillium Web", sans-serif;
            font-size: 14px;
            color: darkred;
            font-weight: bold;
            text-align: left;
        }

        .result-link-hide {
            display: none;
        }

        div[id*="result-links"] a {
            background-color: #0D0D3A;
            border: 2px #f0f0f0 outset;
            font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            padding: 8px 12px;
            margin: 3px 20px 2px 1px;
        }

            div[id*="result-links"] a:hover {
                /*color: snow; */
                background-color: darkblue;
                text-decoration: underline;
            }

        .result-link-unselected {
            color: snow;
        }

        #results-links {
            border 1px blue solid;
            margin: 0;
            padding: 0;
        }

        .result-link-selected {
            color: gold;
        }

        div[id*="results-group-"] {
            margin: 5px 0px;
            padding: 5px 0px;
        }

        pre[id*="results-footer-"] {
            margin-bottom: 20px;
        }


        .race-story {
            margin: 10px 20px;
        }

        .race-story {
            font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 18px;
            color: black;
            text-align: left;
            width: 75%;
            /* margin: 0 auto; */
        }

        .race-story-headline {
            font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 24px;
            font-weight: bold;
            color: black;
            text-align: left;
            width: 75%;
            margin: 7px 20px;
        }

        .photo-credit {
            font-family: "Titillium Web", sans-serif;
            font-size: 16px;
            font-style: italic;
            width: 65%;
            margin: 0;
            margin-left: 20px;
            color: black;
            font-weight: bold;
            text-align: left;
        }

        .collage {
            margin: 10px;
            overflow-x: scroll;
        }

            .collage td {
                padding: 5px;
            }

            .collage img, .collage video {
                height: 350px;
                width: auto;
                border: 7px white solid;
                border-radius: 1px;
                box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 0.8);
            }

        .collage-small img {
            height: 300px;
        }

        .footnotes {
            font-family: 'Roboto Mono', 'Consolas', monospace;
            font-weight: normal;
            font-size: 12px;
        }


        @media only screen and (min-width: 451px) and (max-width: 769px) {
            .results pre {
                font-size: 7pt;
            }
        }

        @media only screen and (max-width: 769px) {

            .collage {
                margin: 2px;
            }

            img.banner-leftimg {
                margin: 0;
                padding: 0px;
                height: 30px;
                width: auto;
            }

            img.banner-rightimg {
                margin: 0;
                padding: 0px;
                height: 25px;
                width: auto;
            }



            h1, h2 {
                font-size: 14px;
                margin-top: 1px;
                margin-bottom: 1px;
            }

            h2 {
                font-size: 12px;
            }

            h3 {
                font-size: 12px;
                font-weight: 600;
            }

            .race-story-headline {
                font-size: 12px;
            }

            .photo-credit {
                font-size: 8px;
            }

            .results pre {
                font-size: 8pt;
            }

            .host-title, .host-title a {
                font-size: 8px;
                max-width: 100%;
            }

            .collage img, .collage video {
                height: 180px;
            }

            div[id*="results-group-"] {
                overflow-x: scroll;
            }

            div[id*="result-links"] a {
                font-size: 7px;
                padding: 2px 3px;
                margin: 2px 1px 1px 1px;
            }


            .footer p {
                font-size: 6pt;
            }

            /*
            .results pre  {
               color: darkred;
            }
            */
        }

        @media screen and (max-width: 769px) {
            .race-story {
                font-size: 8px;
                width: 100%;
                margin: 2px;
            }

            video {
                width: 400px;
                height: auto;
            }

            .collage img, .collage video {
                height: 110px;
                border: 1px white solid;
            }

            #page-title {
                margin-bottom: 5px;
            }
        }

        @media screen and (min-width: 769px) and (max-width: 920px) {
            .results pre {
                font-size: 14px;
            }

            .race-story {
                font-size: 12px;
                width: 95%;
            }

            .report-subtitle {
                font-size: 12px;
            }

            /*
            .results pre  {
               color: darkgreen;
            }
            */
        }


        @media screen and (min-width: 920px) and (max-width: 1100px) {
            .results pre {
                font-size: 12px;
            }

            .report-subtitle {
                font-size: 14px;
            }

            /*
            .results pre  {
               color: darkblue;
            }
            */
        }

        @media screen and (min-width: 1100px) and (max-width: 1400px) {
            .results pre {
                font-size: 14px;
            }


            .report-subtitle {
                font-size: 16px;
            }

            /*
            .results pre  {
               color: purple;
            }
            */
        }

        @media screen and (min-width: 1400px) {
            .results pre {
                font-size: 18px;
            }

            .report-subtitle {
                font-size: 20px;
            }

            /*
            .results pre  {
               color: #3f1b05;
            }
            */
        }


        @media only screen and (max-width: 450px) {

            .results pre {
                font-size: 7px;
                font-weight: 500;
                font-family: 'Source Code Pro', Consolas, monospace;
            }

            #cssmenu-2 ul li {
                padding: 1px;
            }

            #cssmenu-2 ul li a {
                padding: 3px;
            }

            #cssmenu-2 ul li {
                height: 20px;
            }

        }