@media only screen and (max-width: 960px) {
    html body {
        background-image: none;
    }
    #CountyHome, #JudHome, #LegHome, #LegMin, #LegGRF, #LegBis, #LegFar {
        padding: 0 3px 5px;
    }
    .outside-wrapper {
        margin-top: 0px;
        background-color: #FFFFFF;
    }
    .refresh-text {
        display: none;
    }
    .top-header {
        height: 112px;
        background-color: #FFFFFF;
    }
    .mobile {
        display: inherit;
    }
    .desktop {
        display: none;
    }
    input.mobile {
        display: inline-block;
    }
    input.desktop {
        display: none;
    }
    #lnkSOSName {
        bottom: 0;
    }
    .top-header-box1 {
        width: 80%;
        margin: 0 auto;
        float: none;
    }
        /*.top-header-box1 h1 {
            font-size: 1.1em;
            padding-left: 15px;
        }*/
        .top-header-box1 h2 {
            font-size: 13px;
            letter-spacing: 0px;
            padding: 0;
        }
    .top-header-box2 {
        width: 100%;
        margin: 10px 0;
    }
    .top-header-box2 h1 {
            font-size: .75em;
            width: auto;
            padding: 0 2%;
            margin: 3px 0 2px 0;
        }
        .top-header-box2 h2 {
            font-size: .75em;
            width: auto;
            padding: 0 2%;
            margin: 3px 0 2px 0;
        }
        .top-header-box2 h3 {
            font-size: .75em;
            width: auto;
            padding: 0 2%;
            margin: 3px 0 2px 0;
        }
    .header-menu-links {
        /*width: calc(100% - 40px);*/
        margin: 0 auto;
        /*float: left;*/
    }
    .mtc-icon-position {
        /*margin: 0 0;*/
        margin: 0 2%;
        height: 50px;
    }
    .search-icon-wrapper {
        width: 30px;
    }
    .search-icon {
        margin-left: -7px;
    }
    .search-container {
        width: 300px;
    }
    .textboxSmallTransparent {
        width: 200px;
    }
    /*.share-icon {
        height: 26px;
        width: 35px;
        position: relative;
        top: 55%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }*/
    .home-map-wrapper {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-height: unset;
    }
    .top-colorbar-export, .top-colorbar-tracked, .top-colorbar-home {
        display: none;
    }
    .top-colorbar.fixed {
        width: 100%;
    }
    .bottom-colorbar {
        height: 22px;
    }
    .header-box-wrapper {
    }
    .header-box1 {
        width: calc(100% - 1px);
        height: 94px;
    }
        .header-box1 h1 {
            font-size: 18px;
            padding: 10px;
            /*float: left;*/
            /*width: 98px;*/
            height: auto;
        }
        .header-box1 h2 {
            font-size: 14px;
            padding: 0 0 5px 10px;
            margin: 0 auto;
            letter-spacing: 0px;
            float: left;
            line-height: 10px;
        }
        .header-box1 h3 {
            padding: 15px 0 0 15px;
            font-size: 13px;
        }
        .election-type {
            font-size: 18px;
        }
        .election-date {
            font-size: 14px;
            display: block;
            margin: 5px 0 0 0;
        }
    .header-box2 {
        /*width: -webkit-calc(100% - 1px);*/
        width: calc(100% - 1px);
        height: 85px;
        margin: 4px 0;
    }
    .last-updated {
        float: left;
        font-size: 13px;
        padding: 0 10px;
        /*margin-right: 10px;*/
    }
    .vap-notice {
        height: 20px;
        width: 95px;
    }
    .vap-notice span {
        margin-top: 3px;
        float: left;
    }
    .equal-height {
        display: block;
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }
    .header-box-content-top {
        /*height: 40px;*/
        /*width: -webkit-calc(100% - 93px);*/
        width: calc(100% - 93px);
        margin: 8px 0 3px 0;
    }
        .header-box-content-top h1 {
            font-size: 17px;
            font-weight: bold;
            padding: 0 0 0 10px;
            letter-spacing: 1px;
            height: auto;
        }
    .header-box-content-reg {
        /*height: 28px;*/
        margin: 10px 35px 0 10px;
        /*position: absolute;*/
        bottom: 15px;
        width: 57%;
        max-width: 215px;
    }
    .header-box-content-reg div {
        padding: 0;
        font-size: 15px;
        margin: 0;
    }
    .header-box-content-bottom {
        margin: 0px auto;
        padding: 2px 0 0 0;
    }
    .animate-position {
        padding: 0 2% 0 0;
        float: right;
        margin: 8px 15px 0 0;
    }
        .animate-position .dec {
            font-size: 13px;
        }
    .dough-percent {
        font-size: 16px;
        bottom: 40px;
    }
    .header-box3 {
        /*width: -webkit-calc(100% - 1px);*/
        width: calc(100% - 1px);
        height: 90px;
        margin: 0;
    }
    .abev-message h2 {
        font-size: 13px;
    }
    /*.header-box3 .header-box-content-top {
        padding-top: 10px;
    }*/
    .wrapper-turnout {
        margin: 10px 10px;
        width: calc(100% - 20px);
        border-radius: 5px;
    }
    .turnout-county-data-wrapper {
        width: calc(100% - 4px);
    }
    .wrapper-voter-header {
        margin: 0 10px;
        display: flex;
        flex-direction: column;
    }
    .outside-wrapper-body {
        /*outline: 2px solid #A93D3D;*/
        /*width: -webkit-calc(100% - 20px);*/
        width: calc(100% - 20px);
        /*margin-left: 2px;*/
        padding: 10px;
    }
    .col-elec-search-box {
        margin: 0;
        /*width: -webkit-calc(100% - 4px);*/
        width: calc(100% - 4px);
        box-shadow: none;
    }
    .election-results-box {
        height: auto;
        margin-bottom: 0;
        background-color: #F0EFEF;
        border-bottom: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .elec-results-grid-wrapper {
        padding: 0;
        width: 100%;
        margin: 3px 0;
    }
    .col-elec-results-grid {
        margin: 0;
    }
    .elec-results-grid {
        /*width: -webkit-calc(100% - 10px);*/
        width: calc(100% - 10px);
        height: 34px;
        padding: 3px 5px;
    }
    .elec-results-grid h2 {
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
    }
    .results-gridbox-links a:link, .results-gridbox-links a:visited {
        border-radius: 4px;
    }
    .elec-results-grid-blue {
        display: none;
    }
    .elec-results-measure-grid {
        width: calc(100% - 10px);
        height: 34px;
        padding: 3px 5px;
    }
    .elec-results-measure-grid h2 {
        font-size: 16px;
        padding: 5px;
        text-align: left;
        padding-left: 15px;
    }
    .col-elec-measures-grid {
        margin: 0;
    }
    .district-links {
        flex-direction: column;
    }
    .col-elec-district-grid {
        padding: 3px 5px;
    }
    .col-elec-district-grid h2 {
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
    }
    .elec-results-district-grid {
        width: calc(100% - 10px);
    }
    .elec-results-header {
        height: 36px;
    }
    .elec-results-header h1 {
        font-size: 18px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    }
    .results-county-header {
        height: 36px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .results-county-header h1 {
        font-size: 18px;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .district-grid-wrapper {
        margin: 3px 0;
    }
    .search-results-box {
        /*width: 100%;*/
        margin-top: 0px;
        /*min-height: 325px;*/
        border-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .quick-search-box-wrapper {
        height: auto;
    }
    .quick-search-box1 {
        width: 100%;
    }
    .quick-search-box2 {
        display: none;
    }
    .quick-search-box3 {
        width: 99%;
        height: 35px;
    }
    .close-icon {
        /*display: block;*/
        position: absolute;
        display: none;
    }
    .close-icon:after {
        top: 28px;
        /*content: "";*/
    }
    /*.results-county-header {
        height: 54px;
    }*/
    .nd-map {
        padding-top: 0px;
        height: auto;
    }
    .list-map-wrapper {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .slidingDiv {
        padding: 0;
    }
        /*.slidingDiv ul li {
            list-style-image: url('https://resultscdn.sos.nd.gov/Images/bullet.jpg');
            display: list-item;
            border: 0px solid white;
            padding: 0;
            margin: 2px 0px 2px 10px;
        }*/
    .resources {
        margin: 10px 12px 0;
    }
    .resources li {
        width: 100%;
        margin: 3px auto;
        padding: 7px 0;
        height: auto;
        min-height: 20px;
    }
    .resources li:hover {
        width: calc(100% - 4px);
        height: auto;
        padding: 5px 0;
    }
    .external-resources {
        margin: 0 12px 10px;
    }
    .external-resources li {
        width: 100%;
        padding: 7px 0;
        margin: 3px auto;
        height: auto;
        min-height: 20px;
    }
    .external-resources li:hover {
        width: calc(100% - 4px);
        padding: 5px 0;
        height: auto;
    }
    .contact-info {
        margin-left: 25px;
        margin-right: 25px;
        padding: 5px 0 0 0;
    }
    .contact-phone-number {
        font-size: initial;
    }
    .legislative-wrapper {
        padding: 0;
        width: calc(100% - 30px);
    }
    .legislative-wrapper h1 {
        /*padding: 0 0 0 10px;*/
    }
    .legislative-header-wrapper {
        flex-direction: column;
    }
    input.button-sw-maps {
        letter-spacing: normal;
        /*border: 2px solid white;*/
        /*font-size: 4vw;*/
        width: 48%;
    }
    input.left {
        border-left: 0px solid white;
    }
    input.right {
        border-right: 0px solid white;
    }
    input.general {
        width: 100%;
        font-size: 4vw;
    }
    .wrapper-button-leg {
        margin: 0px 0 0px 0;
    }
    .button-leg {
        min-width: 25%;
        border: 2px solid white;
    }
    .wrapper-inside {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .wrapper-inside h1 {
        letter-spacing: 1px;
    }
    .wrapper-mobile {
        margin: 0 auto;
        padding: 0px 5px 0px 5px;
    }
    .wrapper-border {
        margin: 10px 15px 5px 15px;
        /*width: -webkit-calc(100% - 30px);*/
        width: calc(100% - 34px);
        box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
    }
    .recount-wrapper {
        width: calc(100% - 38px);
        border-width: 4px;
    }
    .contest-content {
        flex-direction: column;
        width: 100%;
    }
    .contest-content-county {
        flex-direction: column;
        width: 100%;
    }
    .contest-content-precinct {
        flex-direction: column;
        width: 100%;
    }
    .candidate-box {
        width: 100%;
        margin: 0;
        min-height: 100px;
    }
    .candidate-rows {
        width: 100%;
    }
    .candidate-box-county {
        width: 100%;
        margin: 5px 0 0 0;
        min-height: 100px;
    }
    .candidate-box-precinct {
        width: 100%;
        min-height: 100px;
    }
    .visual-box {
        margin: 0 0 15px 0;
        min-height: 260px;
    }
    .graph-box {
        width: calc(100% - 22px);
        height: 260px;
        margin: 0 10px;
    }
    .display-results-box-wrapper {
        margin: 0 auto;
        width: 100%;
        /*white-space: normal;*/
    }
    .display-results-no-tracked {
        width: 100%;
    }
    .display-results-box-a {
        width: 100%;
    }
    .display-results-box-a h1 {
        font-size: 20px;
        padding: 10px 10px 0 10px;
    }
    .display-results-box-b {
        width: 100%;
        height: auto;
        min-height: 10px;
        padding: 0;
    }
    .list-header {
        display: block;
        height: auto;
    }
    .list-drop-wrapper {
        display: block;
        margin: 2px 0 5px 0;
    }
    .quick-search-list {
        margin: 5px 0 2px 0;
        display: block;
    }
    .textboxSmallGray.list {
        margin: 2px;
        width: calc(100% - 16px);
        height: 34px;
    }
    .list-drop-wrapper .district-dropdown {
        width: calc(100% - 4px);
    }
    input[type=checkbox].css-checkbox + label.css-label {
        font-size: 14px;
    }
    .recount {
        width: 100%;
        font-size: 18px;
        height: 32px;
        margin: -9px 0 6px 0;
    }
    .recount-mobile {
        height: 30px;
    }
    .recount-button-wrapper {
        float: right;
        margin: 5px 7px;
    }
    .recount-orig-button {
        padding: 0;
        position: relative;
        top: -2px;
        background-position: 158px 2px;
    }
    .recount-orig-header {
        padding: 0 0 0 10px;
        text-align: left;
        width: calc(100% - 10px);
        font-size: 20px;
    }
    .display-results-box-g {
        width: 25%;
        margin-right: 0px;
        position: initial;
    }
    .export-box {
        bottom: 0px;
        top: 5px;
        float: none;
        padding: 0;
        width: auto;
        margin-left: 5px;
    }
    .export {
        font-size: 14px;
    }
    .dropdown-content{
    }
    .export-container {
        right: 0px;
        min-width: 100px;
    }
    .export-header:before {
        left: 7%;
    }
    .share-container {
        right: 0;
        top: 50px;
        height: auto;
    }
    .share-container-inline {
        height: auto;
    }
    .share-box {
        top: 4px;
        bottom: 0px;
        float: right;
        /*margin-right: 4px;*/
        padding: 0;
    }
    .share-buttons {
        display: inline-block;
        width: 195px;
    }
    .share-buttons a {
        float: left;
    }
    .share-buttons img {
        width: 27px;
    }
    .mtc-icon-inline-position {
        height: 20px;
        width: 20px;
        margin-left: 8px;
    }
    /*.share-header:before {
        left: 85%;
    }*/
    .display-results-box-c {
        width: 93%;
        text-align: left;
        padding: 5px 10px;
        font-size: 14px;
    }
    .measure-title {
        padding: 0;
    }
    .follow-checkbox {
        width: 63%;
        display: inline-block;
        position: relative;
        top: 4px;
    }
    .contest-tools {
        width: 35%;
        display: inline-block;
        float: none;
        margin-top: 4px;
    }
    .precinct-fully {
        margin: 2px 0 0 0;
        padding: 0 10px;
        font-size: 14px;
        text-align: left;
    }
    .precinct-partial {
        margin-right: 0;
    }
    .display-results-box-d {
        width: 100%;
        padding: 4px 0 0 0px;
    }
        .display-results-box-d h2 {
            margin: 4px 0 0 10px;
            font-size: 15px;
        }
        /*.display-results-box-d h2 {
            margin: 4px 0 0 10px;
        }*/
    .display-results-box-e {
        width: 60%;
        padding: 0;
        height: auto;
        min-height: 15px;
        margin: 0 0 2px 0;
    }
        .display-results-box-e div {
            font-size: 12px;
            padding: 0 0 0 10px;
        }
    .display-results-box-f {
        width: 24%;
        margin-right: 10px;
        position: initial;
    }
        .display-results-box-f h1 {
            font-size: .875em;
            padding: 15px 0 0 0;
            margin: 0 5px;
        }
    hr {
        margin: 0 10px 10px 10px;
        width: calc(100% - 20px);
    }
    .writein-box-a {
        width: 60%;
        padding: 0;
    }
    .writein-box-b {
        width: 0;
        height: 0;
    }
    .writein-box-c {
        width: 12%;
        margin-right: calc(24% + 5px);
        float: right;
    }
        .writein-box-c h1 {
            font-size: .875em;
            padding: 15px 0 0 0;
            /*margin: 0 5px;*/
        }
    .display-results-box-totalvotes {
        width: 42%;
        margin: 0;
    }
        .display-results-box-totalvotes h2 {
            margin: 7px 0 8px 0;
        }
    .display-results-box-total {
        width: 22%;
        float: right;
        margin: 0 calc(22% + 10px) 0 10px;
        padding: 0;
    }
        .display-results-box-total h2 {
            margin: 7px 0px 6px 0px;
        }
    input.button-maps {
        width: 49%;
        padding: 7px 5px;
        font-size: 16px;
    }
    a.button-maps {
        width: 47%;
        padding: 8px 5px;
        font-size: 16px;
    }
    .slidingDiv-maps {
        padding: 5px 0px;
        clear: both;
    }
    .map-col1 {
        width: 100%;
    }
    .county-header {
        height: auto;
        float: left;
        min-height: 40px;
    }
        .county-header h1 {
            font-size: 19px;
            margin: 11px 0px 0px 4px;
        }
        .county-header h2 {
            margin: 13px 5px 0px 0px;
        }
    .county-reporting {
        margin: 0 auto;
        width: 100%;
    }
    .county-reporting-leftcol {
        width: 100%;
        margin-top: 10px;
    }
    .col-county-results {
        margin: 5px 0 5px 0;
    }
    .county-reporting-col1 {
        width: 55%;
    }
    .county-reporting h1 {
        /*padding: 0 0 0 4px;*/
    }
    .county-reporting h2 {
        padding-left: 4px;
    }
    .county-reporting-col2 {
        min-height: 24px;
    }
    .county-reporting-col3 {
        width: 35%;
    }
    .county-reporting h5 {
        margin: 3px 0px 3px 10px;
        font-size: .9em;
    }
    .sw-leg-separator {
        margin: 5px 0;
    }
        .sw-leg-separator h1 {
            margin: 0 0 0 10px;
        }
    .county-reporting-rightcol {
        width: 100%;
    }
    .county-reporting-col4 {
        width: auto;
    }
    .county-chart {
        margin-top: 0;
        width: 400px;
        height: 100px;
    }
    .map-col2 {
        width: 100%;
    }
        .map-col2 h1 {
            letter-spacing: 2px;
        }
    .map {
        height: 312px;
    }
    .map-col3 {
        width: 100%;
    }
        .turnout-map3 h1 {
            font-size: 1em;
        }    
        .county-legend h1 {
            font-size: 1.2em;
            margin: 5px 0px 0px 10px;
            letter-spacing: 2px;
        }
    .legend-col2 {
        width: 90%;
    }
        .county-legend-info h1 {
            min-width: 40px;
        }
        .county-legend-info h3 {
            padding: 3px 0 0 10px;
        }
    .legend-col3 {
        margin-left: 20px;
    }
    .county-results {
        margin: 0 auto;
        /*min-height: 58px;*/
    }
    .county-name {
        width: 100%;
    }
        .county-results h1 {
            padding-top: 10px;
            width: auto;
        }
    .county-results-reporting {
        width: 100%;
        /*margin: 0 0 0 5px;*/
        /*padding-top: 4px;*/
        text-align: left;
        font-size: 13px;
    }
    .col-precinct-results {
        margin: 0px 5px 5px;
        width: calc(100% - 10px);
    }
    .precinct-results-databox1 {
        width: 100%;
    }
        .precinct-results-databox1 h1 {
            padding-top: 2px;
        }
    .precinct-results-databox2 {
        width: 82%;
    }
    .precinct-results-databox3 {
        width: 18%;
        margin-top: 17px;
    }
        .precinct-results-databox3 h1 {
            font-size: .825em;
            margin: 0px 5px 0px 0px;
            padding: 0;
        }
    /*.precinct-results-databox4 {
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }*/
    input.button-precinct-results-countyresults {
        /*width: -webkit-calc(50% - 3px);*/
        width: 49%;
        font-size: 16px;
    }
    .precinct-results-databox5 {
        width: 20%;
    }
        .precinct-results-databox5 h2 {
            margin: 5px 7px 0 7px;
            font-size: .775em;
            text-align: center;
        }
    .precinct-results-databox6 {
        width: 18%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
        .precinct-results-databox6 h1 {
            font-size: 0.875em;
            padding: 0 0 0 0;
        }
    /*.county-results-odd {
        margin: 0 auto;
        min-height: 58px;
    }
        .county-results-odd h1 {
            padding-top: 10px;
        }*/
    .precinct-results-countyname {
        padding: 5px 10px 5px 0px;
        margin: 0 auto;
        min-height: 25px;
    }
        .precinct-results-countyname h1 {
            font-size: 17px;
            padding: 5px 0 0 0;
            margin: 0 0 0 10px;
        }
    .precinct-results-orangebox {
        margin: 0 auto;
    }
    .precinct-results-orangebox-title {
        width: 100%;
        float: left;
    }
    .precinct-results-orangebox-title h1 {
        padding: 8px 0 8px 15px;
        font-size: 16px;
    }
    .precinct-results-databox7 {
        width: 18%;
        margin-top: 18px;
    }
        .precinct-results-databox7 h1 {
            font-size: .825em;
            margin: 0 5px 0px 0px;
            padding: 0;
        }
    input.voter-turnout {
        /*width: 100%;*/
        margin: 0 2px 0 0;
        /*max-width: -webkit-calc(50% - 2px);*/
        max-width: calc(50% - 2px);
    }
    input.precincts-reporting {
        /*width: 100%;*/
        margin: 0 0 0 2px;
        /*max-width: -webkit-calc(50% - 2px);*/
        max-width: calc(50% - 2px);
    }
    .turnout-county-header {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: column;
    }
        .turnout-county-header h1 {
            font-size: 1.2em;
            letter-spacing: 2px;
            width: 97%;
            padding: 0;
            margin: 5px 0 0 10px;
        }
    .turnout-no-selection {
        width: 97%;
        text-align: left;
        padding: 4px 0 0 10px;
    }
        .turnout-county-header h2 {
            margin: 0px 0px 0px 0px;
            padding: 3px 0 3px 10px;
            width: 96%;
            text-align: left;
            border: 2px solid black;
            background-color: white;
        }
        .turnout-county-header h3 {
            margin: 5px 0px 5px 10px;
            width: 97%;
            text-align: left;
            font-size: 12px;
        }
    .col-turnout-results {
        margin: 5px 10px 5px 10px;
        flex-grow: 1;
        min-width: 39%;
        float: none;
    }
    .turnout-center {
        border-top: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
        display: inline-flex;
        width: 100%;
    }
    .turnout-reporting-col1 {
        min-width: 39%;
    }
    .turnout-reporting-col2 {
        min-width: 52%;
    }
    .turnout-reporting-col3 {
        text-align: right;
        min-width: 30%;
    }
    .turnout-reporting-col4 {
        text-align: right;
    }
    .turnout-reporting-col5 {
        width: auto;
        text-align: left;
    }
        .turnout-reporting h4 {
            text-align: left;
            margin: 0;
        }    
    .turnout-legend-col2 {
        width: 50%;
    }
    .turnout-legend {
        min-width: 96px;
    }
    .precinct-county-header {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: column;
    }
        .precinct-county-header h1 {
            font-size: 1.2em;
            letter-spacing: 2px;
            width: 97%;
            padding: 0;
        }
        .precinct-county-header h2 {
            margin: 0px 0px 0px 0px;
            padding: 3px 0 3px 10px;
            width: 96%;
            text-align: left;
            border: 2px solid black;
            background-color: white;
        }
        .precinct-county-header h3 {
            margin: 5px 0px;
            width: 97%;
            padding-left: 10px;
        }
    .precinct-no-selection {
        width: 98%;
        text-align: left;
        padding: 4px 0 0 10px;
    }
    .graph-wrapper {
        width: calc(100% - 20px);
        height: auto;
        float: left;
        border-top: .35px solid #CBCBCB;
        margin: 0 10px;
    }
    .results-graph-wrapper {
        width: 100%;
    }
    .contest-chart {
        width: 100%;
        height: 235px;
    }
    .turnout-button-wrapper {
        clear: both;
        float: none;
        width: calc(100% - 10px);
        margin: 0 5px 5px;
    }
    .turnout-results-box-a {
        width: 95%;
        padding-left: 10px;
        height: 40px;
    }
        .turnout-results-box-a a {
            width: 100%;
        }
        .turnout-results-box-a h1 {
            margin: 5px 0px 7px 0px;
            height: auto;
            font-size: 18px;
            display: inline-block;
        }
        .turnout-results-box-a h2 {
            display: inline-block;
            float: right;
            margin: 5px 5px 7px 0;
        }
    .turnout-results-box-b {
        width: 60px;
        height: 60px;
        float: right;
        margin: 10px 5px 0 0;
    }
    .odd, .even {
        font-size: 14px;
    }
    .county-precinct {
        width: calc(100% - 135px);
        padding: 0;
        margin: 0 0 0 5px;
        font-size: 14px;
    }
    .county-precinct.odd {
        width: calc(100% - 135px);
        padding: 0;
        margin: 0 0 0 5px;
    }
    .county-precinct.even {
        width: calc(100% - 135px);
        padding: 0;
        margin: 0 0 0 5px;
    }
    .county-cast {
        width: 125px;
        margin: 0 5px 0 0;
        font-size: 14px;
    }
    .county-cast.odd {
        width: 117px;
        margin: 0 5px 0 0;
        font-size: 14px;
        /*border-left: 2px solid #696969;*/
    }
    .county-cast.even {
        width: 117px;
        margin: 0 5px 0 0;
        font-size: 14px;
        /*border-left: 2px solid #696969;*/
    }
    .turnout-turnout-legend {
        /*width: -webkit-calc(100% - 90px);*/
        width: calc(100% - 90px);
        font-size: 15px;
        margin: 10px 0;
    }
    .turnout-results-box-c {
        width: 60px;
        height: 60px;
        margin: 10px 5px 0 0;
        float: right;
    }
    .turnout-precinct-legend {
        /*width: -webkit-calc(100% - 90px);*/
        width: calc(100% - 90px);
        font-size: 15px;
        margin: 10px 0;
    }
    .vertical-line-turnout {
        /*display: none;*/
    }
    .doughnut-legend {
        height: 45px;
        display: block;
        padding-top: 15px;
    }
        .doughnut-legend h1 {
            font-size: 0.925em;
            padding: 2px 0 2px 0;
            margin: 0;
        }
    .dough-inner {
        margin: -64% 0px 0px 0%;
        width: 60px;
    }
        .dough-inner h1 {
            font-size: 9px;
            padding-left: 15px;
        }
        .dough-inner .int {
            font-size: 15px;
        }
        .dough-inner .dec {
            font-size: 10px;
        }
    .county-identifier {
        padding: 3px 0 3px 0;
        width: calc(100% - 34px);
    }
    .county-identifier-name {
        width: calc(100% - 15px);
        float: none;
        display: flex;
        min-height: 40px;
        height: auto;
        padding: 10px 0 10px 15px;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: unset;
    }
    .cty-name {
        /*margin-left: 8px;*/
    }
    .district-name {
        padding: 10px 0 10px 15px;
    }
    .county-turnout-results {
        width: 100%;
        height: 72px;
        padding: 2px 0 2px 0;
        display: flex;
        align-items: center;
    }    
    .district-turnout {
        height: 25px;
        padding: 0;
    }
    .district-turnout .county-doughnut-legend {
        justify-content: unset;
        height: auto;
    }
    .county-turnout-legend {
        /*width: -webkit-calc(100% - 90px);*/
        width: calc(100% - 70px);
        height: auto;
        font-size: .775em;
    }
        .county-turnout-legend h1 {
            font-size: .75em;
            padding: 3px 10px 2px 15px;
        }
    .county-doughnut-legend {
        height: 40px;
    }
    .county-precinct-results {
        width: 100%;
        height: 72px;
        padding: 2px 0 12px 0;
        display: flex;
        align-items: center;
    }
    .county-precinct-legend {
        /*width: -webkit-calc(100% - 60px);*/
        width: calc(100% - 70px);
        height: auto;
        font-size: .775em;
    }
        .county-precinct-legend h1 {
            font-size: .75em;
            margin: 0;
            padding: 0px 0px 0px 15px;
        }
        .county-precinct-legend h2 {
            /*font-size: .75em;*/
            margin: 0;
            padding:2px 0px 0px 15px;
        }
    .county-dough-inner {
        margin: -50px 0px 0px 0px;
        width: 60px;
    }
        .county-dough-inner .int {
            font-size: 0.6em;
        }
        .county-dough-inner .dec {
            font-size: .35em;
        }
    .county-export-list {
        margin: 10px 5px 0 5px;
        padding: 0 0 0 0;
    }
    .county-list {
        /*padding-left: 5px;*/
        width: 33%;
    }
    .county-header-separator {
        width: calc(100% - 20px);
        margin: 0 10px;
        height: 1px;
        background-color: #cbcbcb;
        float: left;
    }
    .county-export-listitem {
        /*width: 40%;*/
        /*margin: 0 5% 0 5%;*/
    }
    .county-export-listitem a {
        padding: 0 0 6px 11px;
        display: block;
    }
    .statewide-exoport-listitem:hover {
        background: #36ABC0;
    }

        .statewide-exoport-listitem:hover a {
            color: white;
        }
    /*.county-export-listitem:hover {
        background: #36ABC0;
    }
        .county-export-listitem:hover a {
            color: white;
        }*/
    .footer {
        display: none;
    }
    .election-terminology {
        padding: 10px;
    }
    #LegAll {
        width: 100%;
        /*height: 215px;*/
    }
    #JudAll {
        width: 100%;
        /*height: 215px;*/
    }
    #CountyAll, #CountyRaceAll, #CountyBQAll {
        width: 100%;
        /*height: 200px;*/
    }
    .district-header {
        font-size: 20px;
    }
    .leg-votes {
        width: 50px;
        min-width: 50px;
    }
    .leg-percent {
        width: 65px;
        min-width: 64px;
    }
    .horizontal-line {
        width: calc(100% - 20px);
        margin: 10px 10px 15px;
    }
    .sort-button-wrapper {
        width: 100%;
        margin: 0;
    }
    input.sort-button {
        width: calc(100% - 12px);
        float: none;
        margin: 2px -2px;
    }
    .prec-numbers {
        bottom: 25px;
    }
    .wrapper-mobile-map-buttons {
        margin: 0 5px 5px;
        font-size: 0;
        width: calc(100% - 10px);
        height: auto;
    }
    .slidingDiv-counties {
        margin-top: 0;
    }
    input.ballot {
        width: 100%;
        margin-top: 6px;
    }
    .topbtn {
        width: 47%;
        float: right;
    }
    a.upbtn {
        float: right;
    }
    input.prectop {
        float: right;
    }
    .drop-wrapper {
        margin: 0 8px 0 4px;
        float: none;
        width: 98%;
    }
    .measures {
        border: none;
    }
    .elector-header {
        margin-bottom: 10px;
    }
    .elector-header h1 {
        margin-left: 10px;
    }
    .elector-cand {
        padding: 0 10px;
    }
    .elector-party {
        width: auto;
        font-size: 12px;
        margin-bottom: 5px;
        padding: 0 10px;
    }
    .elector-names {
        height: auto;
        padding: 0 10px;
        clear: both;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .ballot-image-links {
        margin: 0 5px;
        flex-direction: column;
        height: auto;
    }
    .ballot-image-links span {
        width: 100%;
        margin: 0 0 5px 0;
        height: 20px;
    }
    .ballot-image-links a {
        width: 100%;
        text-align: center;
    }
    .ballot-image-links span:hover {
        width: calc(100% - 4px);
    }
    .mobile-leg {
        display: flex;
        flex-direction: column-reverse;
    }
    .county-racename {
        width: 100%;
    }
    .county-racename h1 {
        font-size: 20px;
        padding: 5px 10px; 
    }
    .county-precincts-reporting {
        width: 100%;
    }
    .export-all-link {
        position: initial;
        width: calc(100% - 10px);
        text-align: right;
        margin: 0 10px 4px 0;
    }
    .export-all-county-link {
        right: 30px;
    }
    .export-all-link a, .export-all-county-link a {
        font-size: 14px;
    }
    .export-format {
        width: calc(100% - 40px);
        padding-bottom:16px;
    }
    .export-type-select {
        margin: 5px 16px;
        width: calc(100% - 36px);
    }
    .export-type-select tr {
        display: block;
        height: 46px;
        border: 1px solid lightgray;
        border-radius: 7px;
        margin: 10px 0;
    }
    .export-type-select td {
        display: block;
        height: 48px;
        margin: 0;
        position: relative;
        line-height: 46px;
        margin-left:8px;
    }
    .export-type-select input {
        display: inline-block;
        margin: 8px 0 8px 8px;
        height: 36px;
    }
    .export-type-select label {
        display: inline-block;
        margin: 9px 0 6px 8px;
        width: calc(100% - 21px);
        /*height: 35px;*/
        position: absolute;
        top: -7px;
        /*line-height: 35px;*/
    }
    .export-list {
        flex-direction: column;
        height: auto;
        padding: 5px 16px 0;
    }    
    .export-listitem-bottom {
        position: relative;
    }
    .export-selection {
        margin: 16px 8px 10px;
        width: calc(100% - 18px);
    }
    .export-listitem {
        border-left: 2px solid #A7A9AC;
        margin-top: 15px;
    }
    .export-listitem input {
        height: 48px;
        margin: 8px 16px 0;
        width: calc(100% - 32px);
        border: 1px solid lightgray;
        border-radius: 7px;
        background-image: url(https://resultscdn.sos.nd.gov/Images/ic_file_download_black.png);
        background-repeat: no-repeat;
        background-position-x: 98%;
        background-position-y: 50%;
        padding-left: 16px;
    }
    .export-listitem span {
        border: none;
        margin-bottom:8px;
    }
    .export-listitem:last-child {
        margin-bottom: 15px;
    }
    .export-list-popup {
        position: fixed;
        left: calc(50% - calc(40% - 2px));
        width: calc(80% - 4px);
    }
    .share-email-icon {
        float: left;
        background-size: 27px;
        width: 39px;
        height: 39px;
    }
    .district-export-search {
        width: calc(30% - 5px) !important;
    }
}
@supports (-webkit-overflow-scrolling: touch) {
    .export-list-popup {
        top: 50px;
    }
}
@media only screen and (max-width: 640px) {
    .drop-wrapper {
        margin: 0 6px 0 3px;
        width: 98%;
    }
}
@media only screen and (max-width: 530px) {
    input.button-sw-maps {
        font-size: 3vw;
    }
    input.general {
        font-size: 4vw;
    }
}
@media only screen and (max-width: 425px) {
    .drop-wrapper {
        margin: 0 4px 0 2px;
    }
    /*.export-all-link {
        width: calc(100% - 7px);
        margin: 0 7px 4px 0;
    }*/
    .topbtn {
        width: 44%;
    }
    a.button-maps {
        font-size: 4vw;
        width: 44%;
    }
}
@media only screen and (max-width: 400px) {
    input.button-maps {
        font-size: 4vw;
    }
    input.button-precinct-results-countyresults {
        font-size: 4vw;
    }
    .topbtn {
        font-size: 4vw;
    }
    .topimg {
        width: 4vw;
    }
}
@media only screen and (max-width: 375px) {
    .contact-phone-number {
        white-space: nowrap;
        font-size: 4vw;
    }
    .display-results-box-total {
        margin: 0 calc(21% + 15px) 0 10px;
    }
}
@media only screen and (max-width: 350px) {
    .elec-results-grid h2 {
        font-size: 5vw;
    }
    .county-header h2 {
        margin: 5px 5px 8px 4px;
        padding: 0 0 2px 10px;
        float: left;
    }
}
@media only screen and (max-width: 320px) {
    .drop-wrapper {
        margin: 0 3px 0 1px;
    }
    .writein-box-a {
        width: 58%;
    }
    .contest-graph-button {
        margin: 5px 2px;
    }
}
span.export-error[style*="inline"] {
    color: #C60017;
}