a, a:active, a:link, a:visited {
    color: #299a71;
    overflow: visible;
    text-decoration: none;
}
    
a:hover,
    h3 a:hover,
    h4 a:hover {
        color: #1a528c;}
        
a.button:hover{
    color:white !important;}

body,
button,
html,
li,
p,
select,
table,
ul{
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight: 400;

    font-family: 'Montserrat' !important;
    font-weight: 400 !important;

}

ul {
    border: none !important;
        border-left: 1px dotted #98adce !important;}

    ul li {
        padding: 15px 5px 15px 0;
        border: 1px dotted #98adce;
            border-left: none;
            border-right: none;
            border-top: none;
    }




body h1:first-of-type{
    /* width:100%; */
}

body.popup #formlogo {
    display: none !important;}

em strong {
    display: block !important;
    text-align: center !important;
    padding: 35px !important;
    background: #fff3eb !important;
    border: 1px solid #c12033 !important;
    color: #c12033 !important;}


h1,h2,h3,h4,h5,h6{
    color:#154271;
    font-family: 'Charis SIL', sans-serif;
    font-weight:700;
    /*letter-spacing: -.75px !important;*/

    color: #171717;
    font-family: 'Montserrat';
    font-weight: 800;
    text-transform: uppercase;
    
    color: white;
    font-family: 'Yellowtail';
    font-size: 3em;
    font-weight: normal;
    text-transform: none;
}
    
h1+h1,
h2+h2
h3+h3
h4+h4
h5+h5
h6+h6{
    margin-top:50px;}

h1,
h2{
    letter-spacing: 0px;}
    
h1 {
    font-size: 5em;
    margin-bottom: 5px;
    padding: 0;
    
    font-weight: 200;
    letter-spacing: -1px;
}

h2{
    color:#cccccc;
    color:#194f88;
    font-size:3.5em;
    font-weight: 700;

    letter-spacing: -2px;}
    
h3{
    /*color:#171717;*/
    letter-spacing: -1px;
    font-weight: 300;}
h5 {
    font-family: 'Charis SIL',sans-serif;
    line-height:1.15em;
    margin: 0px;
    font-size: 2em;
    color: #154271;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 7px;

    
    font-family: 'Yellowtail' !important;
    font-weight: normal !important;
    font-family: 'Montserrat' !important;
    font-weight: 400 !important;

}
        
h5{font-size: 2em;}

    
h6{
    border-left:0;
    padding:3px 0;}

hr{
    border: none !important;
    border-top: 1px dotted #4777a9 !important;
    margin:20px 0 !important;
}
    
strong{
    color:#154271 !important;}

strong em {
    display: block !important;
    text-align: center !important;
    padding: 35px !important;
    background: #fbfbfb !important;
    border: 1px solid #efefef !important;
    color: #154271 !important;}
        


/*thead td,
thead th,
tfoot td,
.thead .dtc,
.thead .th {
    background: #299a71;
    border-color: #299a71;
    color: white;
    font-weight: 700;
    font-size: 1.2em;}*/
     
tbody, 
thead,
tfoot {
    border: 20px solid #fbfbfb;}

thead,
tfoot,
.thead {
    border-color: #299a71;}
    
tbody td:first-child,
.tbody .dtc:first-child {
    background: #fbfbfb;
    color: #171717;
    padding: 0;}
    
ul.timeline li {
    text-indent:0 !important;}
    
ul.timeline li::before {
    color: black;
    content:none;
    left: -1.5px;
    top: 10px;}
    
ul.timeline ul.links-list {
    margin-left: 0px !important;}

ul.timeline ul.links-list li::before {
    -moz-text-stroke: 1px dimgray;
    -webkit-text-stroke: 1px dimgray;
    text-stroke: 1px dimgray;
    color: white;
    left: -6.5px;
    top: 9px;}
    
ul.timeline li.complete::before {
    color: #bfbfbf;}

ul.timeline li.complete .top {
    color:#bfbfbf !important;}
    
ul.timeline ul.links-list li.complete {
    border-left: 1px solid #bfbfbf !important;
    color: #bfbfbf !important;}
    
ul.timeline ul.links-list li.complete::before {
    -moz-text-stroke: 1px #bfbfbf;
    -webkit-text-stroke: 1px #bfbfbf;
    text-stroke: 1px #bfbfbf;
    color: #bfbfbf;
    left: -6.5px;}
    
ul.timeline li.current {
    background: #171717;
    border: 1px solid #171717;
    margin-bottom: 10px;
    /*padding: 10px 0 0;*/
    padding:30px !important;}
    
ul.timeline li.current::before {
    color: white;
    content:none;
}

ul.timeline li.current:hover::before {
    -moz-text-stroke: 0;
    -webkit-text-stroke: 0;
    text-stroke: 0;
    color: white;}

ul.timeline li.current .top {
    color:white !important;
    font-size: 2em;
}
    
ul.timeline ul.links-list li.current {
    border-left: 1px solid #299a71 !important;
    color: #299a71 !important;}
    
ul.timeline ul.links-list li.current::before {
    -moz-text-stroke: 1px #299a71;
    -webkit-text-stroke: 1px #299a71;
    text-stroke: 1px #299a71;
    color: #299a71;
    left: -6.5px;}
    
ul.timeline li.current ul.links-list li.complete {
    border-left: 1px solid white !important;
    color: white !important;}
    
ul.timeline li.current ul.links-list li.complete::before {
    -moz-text-stroke: 1px white;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    color: white;
    left: -6.5px;}
    

#a_form {
    background-color:rgba(0,123,255,.75) !important;
    background-color: rgb(4 85 147 / 82%) !important;
    background: url(/images/overlay.svg);
    background-size: cover;

    background: whitesmoke !important;}

#a_form #success{
    background:white !important;
    border:none !important;
    padding:75px !important}

#a_form #success *{
    color:#171717 !important;}
    
#a_form .toggle {
    background: #299a71 !important;}
    
#a_form .toggle:hover,
#a_form .inset.success .toggle:hover{
    background:#005ec2 !important;}

#banner{pointer-events: none;}

#banner.active{pointer-events: all;}

#body,
#footerwrap #footer,
#theheader,
#thebanner{
    width: 100% !important;
    margin: 0 auto !important;}
    
#body,
#footer {
    margin: 0;
    padding: 50px;}

#body {
    background-color: white;
    background: rgb(255 255 255 / 85%) !important;
    background: rgba(255,255,255,.85) !important;
    /*background-image: url(logo-gray.png);*/
    background-repeat: no-repeat;
    background-position: 125% -275px;
    /*background-size: 65%;*/
    padding-top:50px !important;}

#body .large input:not(.button) {
    box-shadow: none;
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 2.5em;
    font-weight: 300;
    height: unset !important;
    padding: 0 !important;

    font-family: 'Montserrat' !important;
    font-weight: 400 !important;
}

#compare {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background: white;
    overflow-y: auto !important;
    height: 0;}
    
#compare.active {
    height: 100%;}

#compare.active .df:first-of-type {
    position: fixed;
    top:0;
    width: 100%;}

#compare a{text-decoration:underline;}

#compare .df:last-of-type {}

#compare .comp{
    overflow:hidden !important;}
    
#compare .comp.dtc{
    margin:0 !important;}

#compare .comp h5 {
    font-size: 1em !important;
    font-weight: 400!important;}

#compare .df:first-of-type .comp {
    background: #171717 !important;
    border: 1px solid #171717;
    font-size: 1em !important;}

#compare .df:first-of-type {
    background:#171717;}

#compare .dtr:not(.thead) .comp.sid{
    font-size: 1.5em !important;
    font-weight: bold;
    line-height:.75em !important;
    text-align:center !important;}
    
#compare .comp.sid{
    background:#299a71 !important;
    color:white !important;
    border-color:#299a71 !important;}
    
#compare .dtr:not(.thead) .comp.title {
    padding:0 !important;}
    
#compare .dtr:not(.thead) .comp.title:hover{
    background:#299a71 !important;
    border-color:#299a71 !important;}
    
#compare .comp.title a {
    display:block !important;
    padding:20px !important;}
    
#compare .comp.title:hover a{
    color:white !important;}
    
#compare .comp.compactness,
#compare .comp.deviation,
#compare .comp.moved,
#compare .comp.vote{
    text-align:right !important;}
    
#compare #comparetable{margin-top:0;}

/* Hide scrollbar for Chrome, Safari and Opera */
#compare::-webkit-scrollbar{display: none;}






#compare {
    height: 100% !important;
    left: unset !important;
    right: 0 !important;
    transition:all 0.25s ease-out;
    /*transform: translateX(100%);*/
    width: 0 !important;}
    
#compare #comparetable {
    background: white;
    padding:0 !important;
    transition: all .25s ease-out;
    /*transform: translateX(100%);*/
    width: 0 !important;}

#compare.active {
    position: fixed !important;
    float: none !important;
    padding: 0 !important;
    top: 0 !important;
    /*left: unset !important;*/
    margin: 0 !important;
    overflow: visible !important;
    overflow-y: scroll !important;
    /*transform: translateX(65%);*/
    width: 65% !important;
    /*z-index: 999999999999 !important;*/}

#compare.active #comparetable {
    /* margin-left: -5px !important; */
    background: white;
    /* border-left: 5px solid #299a71 !important; */
    height: 100%;
    overflow-y: scroll;
    /*padding: 35px !important;*/
    position: relative;
    top: 0 !important;
    /*transform: translateX(0%);*/
    width: 100% !important;
    z-index: 9;}

#compare #mapclick{
    display:none !important;}
    
#compare.active #mapclick{
    display:block !important;}

#drawer .tab{
    opacity:.5 !important;
    pointer-events:all;}
    
#drawer .tab:hover,
#drawer.active .tab{opacity:1 !important;}
    
    
    
.button{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 8px;
    padding: 15px 20px !important;}
    
.button.active,
.button.compare.active,
.button.export.active,
.button.show.active,
.button.sol.active,
.button.active:hover,
.button.compare.active:hover,
.button.export.active:hover,
.button.show.active:hover,
.button.sol.active:hover{
    background:#299a71 !important;}

.button.tag{
    background:#8f989f !important;}

    .button.tag:hover{
        background:#299a71 !important;} 

.button.small {
    border-radius:5px !important;
        -moz-border-radius:5px !important;
        -webkit-border-radius:5px !important;
    font-family:'Charis SIL', sans-serif !important;
    font-size: .75em;
    font-weight: 700;
    letter-spacing: .75px !important;
    padding:10px 15px !important;
    text-transform:uppercase !important;


    font-family: 'Montserrat' !important;
    font-weight: 800 !important;

}

.button.little {
    border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
    font-family: 'Charis SIL', sans-serif !important;
    font-size: .65em;
    font-weight: 700;
    letter-spacing: .75px !important;
    margin-bottom:0px !important;
    margin-top:0px !important;
    padding: 7px 10px !important;
    text-transform: uppercase !important;

    
    font-family: 'Montserrat' !important;
    font-weight: 800 !important;

}

    .button.active,
    .button.active:hover{
        background:#171717 !important;
        /* pointer-events:none !important; */
    }

#filters .button{
    margin:0px 2px 2px 0px !important;}
    

    
#footerwrap{
    background:#171717 !important;}

#footerwrap #footer {
    background:none !important;
    padding-bottom:50px !important;
    padding-top:50px !important;}
    
#footerwrap #footer a {
    color: #299a71 !important;}

#loading {
    background:rgba(0,174,66,.75) !important}








    


#mobilelogo {
    display: inline-block !important;
    height: 150px !important;
    padding: 10px 20px !important;
}


    
   


    
    
    
    
  
body#knoxcomp #response.active{
    /*background: rgba(0,155,167,.75) !important;*/
    background:rgba(34,28,52,.75) !important;}
    
    
    
    

    
    
    
    
 #schedule{
    border:none !important;
    padding-left:0 !important;}

#schedule{
    border:none !important;
    padding-left:0 !important;}

#schedule .meetings{
    border-bottom:1px solid gainsboro !important;}

#schedule .meetings h6{}

#schedule .meeting {
    border-bottom: 1px solid whitesmoke !important;
    border-left:1px solid gainsboro !important;
    margin-left:5px !important;
    padding-bottom:10px !important;
    padding-top:10px !important;
    padding-left:20px !important;}

#schedule .meeting:hover {
    border-left:5px solid #299a71 !important;
    padding-left:16px !important;}

#schedule .meeting:last-of-type{
    /*border:none !important;*/}
    
    
    
    
    
#thecontent {
    background: none !important;
    /* height: unset !important; */
    min-height: unset !important;}




    









    
#thelogo{
    height:125px !important;}
    
#thelogo img{
    /* margin-right:-50px !important; */
    height: 100% !important;
}

#thelogo .compact{
    display:none !important;}
    
.button {
    background: #299a71 !important;
    border:none !important;
    color:white !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;

    font-family: 'Montserrat' !important;
    font-weight: 400 !important;

}

.button:hover{
    background:#005ec2 !important;
    border:none !important;}
    
.button.blue {
    background: #005ec2 !important;
    border:none !important;
    color:white !important;}

.button.blue:hover{
    background:#299a71 !important;
    border:none !important;}
    
.button.green{
    background:#299a71 !important;
    border:none !important;}
    
.button.green:hover{
    background:#358c22 !important;
    border:none !important;}
    
.button.darkdarkgray{
    background:#171717 !important;
    border:none !important;}
    
.button.darkdarkgray:hover{
    background:#373737 !important;
    border:none !important;}
    
    
    
     
.bcblue,.bcbluehover:hover{border-color:#299a71 !important;}
.bgblue{background:#299a71 !important;}
.bgdarkblue{background:#005ec2 !important;}
.bgdarkgray{background:dimgray !important;}
.bgdarkdarkgray{background:#171717 !important;}
.bggreen,.bggreenhover:hover{background:#299a71 !important;}
.bgdarkgreen,.bgdarkgreenhover:hover{background:#358c22 !important;}
.cblue,.cbluehover:hover{
    border-color:#299a71 !important;
    color:#299a71 !important;}
.cgray,.cgrayhover:hover{
    /* border-color:dimgray !important; */
    color:dimgray !important;}
.cgreen,.cgreenhover:hover{
    border-color:#299a71 !important;
    color:#299a71 !important;}

.columns {
    column-rule: 1px dotted #ced7e8;
    padding: 30px 0px 50px !important;
}

.form .fail{
    border-color: #299a71 !important;
    background: #299a71 !important;
    color: black !important;
    padding: 50px;}


.label.required{
    border-left-color:#299a71;}

    
.links-list a:hover {
    color: #299a71;
    border: 1px solid #299a71 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;}
    
.submitbutton .submit{
    padding:30px !important;
    text-transform:unset !important;}

.summ{
    border-left: 1px solid whitesmoke !important;}

#compare .compare.under-consideration .comp,
#compare .compare.under-consideration .comp *{
    color:#299a71 !important;
    font-style: italic !important;}

#compare .compare.withdrawn .comp.sid,
#compare .compare.withdrawn .comp.sid *{
    color:white !important;
    background:#cccccc !important;
    border-color:#cccccc !important;}

#compare .compare.withdrawn .comp:not(.sid),
#compare .compare.withdrawn .comp:not(.sid) *{
    color:#adadad !important;
    font-style: italic !important;}
    
.summ.under-consideration h5{
    color:#299a71 !important;}

.summ.withdrawn h5{
    color:tomato !important;}
    
.tabsgroup{margin-bottom: 60px;}
    
:not(.tabsgroup):target,
:not(.tab):target,
.tabsgroup .tab-content.active{
    border:1px solid #299a71 !important;
    border-bottom-color: gainsboro !important;
    border-left-color: gainsboro !important;
    border-right-color: gainsboro !important;
    margin-top:-1px !important;

    border:none !important;
    margin-top:35px !important;
}
    
.tab-content {
    margin-top: 0;}

.tab-content .summ{
    background: #fdfdfd !important;}

.summ:hover{
    background: whitesmoke !important;}

.tab-content .summ:hover *{
    /*color:white !important;*/}
    
.tabsgroup .tabs .tab {
    background: white;
    border: 1px solid gainsboro;
    border-bottom: 1px solid #299a71;}

.tabsgroup .tabs .tab:hover {
    background: #299a71;
    border-color: #299a71;
    color: white;}

.tabsgroup .tabs .tab.active {
    background: white;
    border-color: #299a71;
    color: #299a71;
    border-bottom: 2px solid white;}
    
.tabsgroup .tab:first-of-type.active {
    border-left-color: gainsboro !important;}
    
.tabsgroup .tab:last-of-type.active {
    border-right-color: gainsboro !important;}

    .tabs.min{
        font-size: .75em !important;}
    
.tabsgroup.min .tab-content {
    border:1px solid gainsboro !important;
    border-top:3px solid #299a71 !important;
    border-bottom-color: gainsboro !important;
    border-right-color: gainsboro !important;
    margin: 0 0 40px 0 !important;
    padding: 30px 30px 0 30px;}
    
.tabsgroup.min .tab-content.active {
    border-bottom:none !important;}

.tabsgroup.min .tabs.min .tab {
    border:none;
    font-family: 'Open Sans';
    font-size:2.5em;
    font-weight: 700;
    margin-bottom: 0;

    font-family: 'Montserrat' !important;
    font-weight: 400 !important;
}

.tabsgroup.min .tabs.min .tab:hover {
    border: none;
    color:#299a71;}

.tabsgroup.min .tabs.min .tab.active {
    background: none;
    border-bottom: 20px solid #299a71;
    border-color: #299a71;
    color: #299a71;
    padding-left: 0;
    padding-right: 0;}
    
    
    
    
    
    
td,
.dtc {
    font-size: .85em !important;
    line-height: 1em !important;
    padding: 10px !important;
    vertical-align: middle !important;}

thead td,
thead th,
tfoot td,
.thead .dtc,
.thead .th {
    background: #171717;
    border-color: #171717;
    color: white;
    font-weight: 700;
    font-size: 1em !important;}
    
    
    
    
#map_datatable #mapdata td,
#map_datatable #mapdata .dtc,
.tab-content td,
.tab-content .dtc {
    font-size: .85em !important;
    line-height: 1em !important;
    padding: 10px !important;
    vertical-align: middle !important;}

.tab-content thead td,
.tab-content thead th,
.tab-content tfoot td,
.tab-content .thead .dtc,
.tab-content .thead .th {
    background: #299a71;
    border-color: #299a71;
    color: white;
    font-weight: 700;
    font-size: 1em !important;}
    
    
    
    
    
    
    
    
    
    
    
.dtc.WebMapID,
.dtc.Map{
    text-align:center;}

.tbody .dtc.WebMapID,
.tbody .dtc.Map{
    background:#299a71;
    color:white;
    cursor:pointer;}

.tbody .dtc.WebMapID:hover,
.tbody .dtc.Map:hover{
    background:#358c22;}
    
    
    
    
    
    
    
    
    
    
    


















/*from header.php*/
#body,
#thebanner{
    z-index: 999999999 !important;
    position: relative !important;}
    
#header{
    margin:0 auto;
    width:100%;}
    
#logo{
    background:none;}
    

body{
   /* background:url(https://advanceknox.org/images/east-county.jpg) !important;
    background:url(https://advanceknox.org/images/northwest-county.jpg) !important;*/
    /*background-image:linear-gradient(135deg, #299a71, #171717) !important;*/
    /*background-image: url(/images/stripes.gif) !important;*/
    /*background-image: url(/images/northwest-county.jpg) !important;*/
    background-color:#171717 !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    /* height: unset !important; */
}
  


div#body,
div#footerwrap,
div#footerwrap #footer,
div#theheader,
#thebanner {
    clear: both !important;
    margin: 0 auto !important;
    /* width: 100% !important; */}
    
div#body {
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;
    box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;
    /* position: absolute !important; */
    top: 60%;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    position:relative !important;
    top:unset !important;
}
    
    .banners div#body{
        -moz-border-radius:0 0 10px 10px;
        -webkit-border-radius:0 0 10px 10px;
        border-radius:0 0 10px 10px;}
    
    .banners div#thebanner div {
        /*box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;
            -webkit-box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;*/
        border-radius:10px 10px 0 0;
            -moz-border-radius:10px 10px 0 0;
            -webkit-border-radius:10px 10px 0 0;}

div#footerwrap {
    position: absolute !important;
    bottom: 0 !important;}

div#footerwrap {
    background:none !important;
    position:relative !important;}
    
div#thebanner{
    box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;
        -webkit-box-shadow: rgb(0 0 0 / 25%) 0px -13px 45px 0px;
    border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        -webkit-border-radius:10px 10px 0 0;}

#thecontent {
    /* background:url(/images/overlay.svg) !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important; */
    height: auto !important;
    min-height: 100% !important;
    overflow:hidden !important;
    position:relative !important;

    background: whitesmoke !important;

    background: white;
    position: absolute;
    z-index: 999999999999999;
    width: 100%;
    margin-left: 0;
    top: 0;
    background-image: url(/images/bg-thin.svg) !important;
    background-size: cover !important;
    background-color: #e9ecf4;
    background-position: right !important;
    background-repeat: no-repeat !important;
    
    background-position: center top !important;
    /* background-size: 350% !important; */
}

div#theheader {
    position: relative !important;
    top: 15%;}

div#theheader {
    overflow:visible !important;
    position:relative !important;
    top:0 !important;}

    div#theheader div#header {
        /*display:block !important;
        position:relative !important;
        overflow:visible !important;*/}
































body#base {
    /* background: none; */
    background-color: #1100b5 !important;
    background-image: radial-gradient(#d000ff 0%, transparent 0%), radial-gradient(#ff0099 12%, transparent 20%) !important;
    /* background-position: 20px 10px, 50px 0px; */
    background-size: 5px 5px !important;
}

#hero h1 {
    font-family: 'Bitter';
    font-weight: bolder;
    font-size: 3.5em;
    font-size: 9em;
    letter-spacing: 0px;
}
#hero h1 span {
    /* background: cyan; */
    color: #0026ff;
    color: #9500df;
    color: #004ddf;
    color: #00dfad;
    font-family: 'Yellowtail';
    font-weight: normal;
    font-size: 1.5em;
    letter-spacing: 0px;
    vertical-align: bottom;

    /* color: #00dfaf77;
    font-size: 2.5em; */
}
#hero h1 span::before {
    content: '';
    display: block;
    margin-left: -30px;
    margin-top: -30px;
}
#hero h1 span::after {
    content: '';
    display: block;
    margin-left: -30px;
    margin-top: -25px;
}

main,footer,header {
    box-sizing: border-box;
}
    
body {
    background: dodgerblue !important;
    box-shadow: none !important;
}
body #hero {
    background: none !important;
    display: flex;
        align-items: center;
        align-items: end;
        justify-content: center;
    position: fixed;
        top: 0;
        bottom: 0;
    padding: 100px;
}
header nav {
    background: rgb(255 0 245 / 65%);
    border-radius: 81% 16% 50% 146%;
    padding: 7px 7px 45px 90px;
    margin: 2px 2px 0 0;
    position: fixed;
        top: 0;
        right: 0;
    z-index: 9999999999;
}

main {
    background: dodgerblue !important;
    background: #a7ff00e8 !important;
    background: white !important;
    box-shadow: 135px -75px 0 #ff00007d !important;
    overflow: hidden;
    padding: 100px 175px 228px 100px;
    position: absolute !important;
    top: 95% !important;
    width: 90% !important;
    margin: 0 5% !important;
    border-radius: 8% 80% 75% 30%;
    overflow: visible;
    margin: 0 !important;
    margin: 36% 0 186px 21px !important;
    position: relative !important;
    top: 0 !important;
}
body.about main {
    border-radius: 27% 32% 70% 52%;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: dodgerblue;
    font-family: 'Montserrat';
    font-weight: 800;
    text-transform: none;
}
main h1 {
    font-size: 4em;
}
main h2 {
    font-size: 3em;
}
main h3 {
    font-size: 2.5em;
    font-weight: 400;
    text-transform: none;
}
main h4 {
    font-size: 2em;
    text-transform: none;
}
main h5 {
    font-size: 2em;
    font-weight: 400;
    text-transform: none;
}
main h6 {
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
}
main #content {
    width: 75%;
}


/* [intro] {
    color: white !important;
    font-family: 'Montserrat' !important;
    font-weight: 800 !important;
    font-size: 5em !important;
    width: 100% !important;

    color: #00dfad !important;
    font-weight: 400 !important;
    font-size: 2em !important;
    width: 100% !important;
    position: relative;
    z-index: 999999999999999999999999999999999999999999999999 !important;
} */

[intro] {
    color: white !important;
    font-family: 'Montserrat' !important;
    font-weight: 800 !important;
    font-size: 5em !important;
    width: 100% !important;
    color: #00dfad !important;
    font-weight: 400 !important;
    font-size: 2em !important;
    width: 40% !important;
    margin: 0 0 71px 0px !important;
    position: relative;
    z-index: 999999999999999999999999999999999999999999999999 !important;
}



















































    
    
    
    
    
    
    
 @media(max-width:1350px){
    div#thelogo{
        display:block !important;
        float:none !important;
        text-align:center !important;
        width:100% !important;
    }
}
    
    
    
    
    
    
    
    
    

@media(max-width:1100px){
    #body,
    #footerwrap #footer,
    #theheader,
    #thebanner {
        width: 90% !important;}
        
    .tabsgroup .tab:last-of-type.active{
        border-right-color: #299a71 !important;}
    
    .tabs.min.compressed{
        /*clear:left;*/
        /*float:left;*/
        /*width:10%;*/
        width:100%;}
        
    .tabsgroup .tabs .tab{
        display: inline-block !important;
        font-size:1.5em !important;
        margin:0 !important;}
    
    .tabs.min.compressed .tab{
        text-align:center !important;}
        
    .tab-content{
        float:right !important;
        /*width:90% !important;*/
        width:100% !important;}
}

@media(max-width:1000px){
    #thelogo .compact{
        display:block !important;}
        
    #thelogo .full{
        display:none !important;}
}
@media(max-width:950px){}

@media(max-width:900px){
    
    div#thelogo{
        display:block !important;
        float:none !important;
        text-align:center !important;
        width:100% !important;
    }
    #thelogo img {
    margin:auto !important;}
}

@media(max-width:900px){
    .summ h5{
        font-size: 3em !important;
        width: 100% !important;}

    #currentconditions,
    #proposedsolutions{
        display:block !important;}
    
    #currentconditions .button,
    #proposedsolutions .button{
        display:block !important;
        padding:30px !important;
        width:100% !important;}
       
    #currentconditions .summ,
    #proposedsolutions .summ{
        background:white !important;
        border-bottom:1px solid whitesmoke !important;
        border-left:none !important;
        display:block !important;
        width:100% !important;}
        
    .theresmore .more {
        display:none !important;}
        
    .theresmore .over,
    .theresmore:hover .over {
        background:white;
        border-left: 1px solid gainsboro;
        color: dimgray;
        display: block;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 10px;
        padding: 0 0 20px 20px;
        position:relative;
        width:100% !important;}
}

@media (max-width: 800px){
    #header {
        padding: 0;}
    
    #banner.active #map_datatable.wkost{
        overflow-x:scroll !important;}
        
    .dtc {
        display: table-cell;}
}

@media(max-width:675px){
        
    h5,.intro{
        font-size: 2em !important;
        /* width: 100% !important; */
    }
        
    #body,
    #footerwrap #footer,
    #theheader,
    #thebanner {
        width: 100% !important;}
        
    #body{
        background-image:none !important;
        background:white !important;
        margin-top:55px !important;}
        
    #thebanner{
        margin-top:55px !important;}
        
    div#thelogo{
        float:left !important;
        width:auto !important;}
        
    #thelogo .compact{
        display:none !important;}
        
    #thelogo .full{
        display:none !important;}
        
    .tabsgroup .tabs .tab{
        font-size:1.25em !important;
        margin:0 !important;}
    
    .tabsgroup .tab:first-of-type.active{
        border-left-color: #299a71 !important;}
    
    :not(.tabsgroup):target,
    :not(.tab):target,
    .tab-content.active,
    :target,
    .tabsgroup:not(.alt) .tab-content.active {
        border: 1px solid #299a71 !important;
        margin-top:-1px !important;
        margin-bottom: 40px;
        padding: 30px;}
}