body {font-size:20px;}

h3 {margin-top:0;}

.jump-link {
    font-weight: bold;
    color: #d7fcff;
}

.btn {font-size:22px; padding:15px; border:solid #fff 2px; white-space:normal;}

.flex-row-1, .horz-area, .flex-row-2 {border-top:solid #fff 5px;}

#result2 {font-weight:bold;}

.counties-table {
    background-color: #ebfdff;
    color: #000;
    width: 100%;
    border: solid 5px #198e97;
}

    .counties-table th, .counties-table td {padding:8px 20px;}

    .counties-table tr:nth-child(odd) {
        background-color: #d7fcff;
    }

    .counties-table th {
        background-color: #198e97;
        color: #FFF;
        text-align: center;
        
    }

    .counties-table .heading {
        font-weight: bold;
        line-height: 1em;
    }


.OS-title {
    font-size: 42px;
    color: #d7fcff;
}

.OS-title2 {
    font-size: 36px;
    color: #d7fcff;
}


.col-centered {
    float: none;
    margin: 0 auto;
}

.site-footer {
    margin-top:0;
}

    .openspace-banner {
    background: url('/Resources/OpenSpace/OpenSpaceBackground.jpg') no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    width: 100%;
    height: 700px;
    position: relative;
    padding: 0;
}

.title-box {
 
    color: #fff;
    font-weight: bold;
    line-height: 1 !important;
    background: rgba(0,0,0,.55);
    padding: 25px 25px 25px 0px;
    margin: 0 !important;
    height:auto;
}

    .title-box span {
        font-size: 35px;
    }

.title-box img {
        max-width: 150px;
    }

.factrep-content {
    padding-left: 100px;
}

.fact-box {
    padding: 15px;
    color: #fff;
    background: #198e97;
    border-bottom: 1px solid #052b46;
    width: 60%;
    font-size: 22px;
}

    .fact-box .fact {
        font-weight: bold;
        background: #052b46;
        padding: 4px 6px;
    }




.flex-row-1 {
    display: flex;
    flex-direction: row;
}

.flex-row-1 .flex-left {
        background-color: #052b46;
        color: #fff;
        padding: 50px 50px 50px 20%;
    }

.flex-row-1 .flex-right {
    background: url('/Resources/OpenSpace/vert-images.jpg') no-repeat;
    background-size: cover;
}




.horz-area img {
    overflow: hidden;
    width:100%;
}

.horz-area .row-1 {
        background-color: #198e97;
        color: #fff;
        padding: 50px;
    }

.horz-area .row-2 {
        background-color: #052b46;
        color: #fff;
        padding: 50px;
    }

.row-1 .container, .row-2 .container {
        margin: 0 auto;
    }




.flex-row-2 {
    display: flex;
    flex-direction: row;
}

.flex-row-2 .flex-left {
        background-color: #198e97;
        color: #fff;
        padding: 50px 50px 50px 20%;
    }

    .flex-row-2 .flex-right {
        background: url('/Resources/OpenSpace/horz-images2.jpg') no-repeat;
        background-size: cover;
    }

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

    .fact-box {width:80%;}
    
    .title-box, .title-box * {
        font-size: 30px;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
    }

     .factrep-content {
        padding-left: 0px;
    }

        .factrep-content * {
            margin: 0 auto;
        }

    .flex-row-1, .flex-row-2 {
        display: block !important;
    }

    .flex-left, .row-1, .row-2 {
        padding: 25px !important;
    }

    .flex-right {width:100%; height:300px; background-position:center !important;}

    body, .counties-table {font-size:14px;}

    input {width:100%;}

}