h4 {
    text-align: center;
    background-color: #757a4d;
    color: white;
    padding: .6em
}

#txtSearch {
  height:60px;
  width:200px;
  padding: .6em
}




Name {

    font-size:18pt;
    font-weight:bold;
    background-color:gray;
   
}
.table-bordered {
    border: solid 1px #e75f3a;
}
CountyName {
    background-color:red;
}

.bodyClass {
    background-color:aliceblue;
}

body {
    /* font-family: 'Muli', sans-serif;
    font-style: normal; */

    font-family: Kuunari, 'Muli';
}

#dteGrid th {
    background: #757a4d;
    color: white;
    font-size: 12pt;
    vertical-align: bottom;
    height: 13px;
}
#dteGrid td {
    font-size: 12pt;
    font-family: Mulish, sans-serif;
    height: 12px;
}
#cmdSearch {
   
}


.CommHead {
    text-shadow: 2px 0 #888888;
    letter-spacing: 2px;
    font-size: 30pt;
    color: #482911;
}

.TheBold {
    font-weight:bolder;
}

a {
    color: #757a4d;
}

 a:hover {
        color: #e75f3a;
        font-weight:bolder;
  }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .CommHead {
        text-shadow: 2px 0 #888888;
        letter-spacing: 2px;
        font-size: 18pt;
        color: #482911;
    }
    a {
        color: #757a4d;
    }

        a:hover {
            color: #e75f3a;
            font-weight: bolder;
        }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .CommHead {
        text-shadow: 2px 0 #888888;
        letter-spacing: 2px;
        font-size: 18pt;
        color: #482911;
    }
    a {
        color: #757a4d;
    }

        a:hover {
            color: #e75f3a;
            font-weight: bolder;
        }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .CommHead {
        text-shadow: 2px 0 #888888;
        letter-spacing: 2px;
        font-size: 25pt;
        color: #482911;
    }
    a {
        color: #757a4d;
    }

        a:hover {
            color: #e75f3a;
            font-weight: bolder;
        }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .CommHead {
        text-shadow: 2px 0 #888888;
        letter-spacing: 2px;
        font-size: 30pt;
        color: #482911;
    }
    a {
        color: #757a4d;
    }

        a:hover {
            color: #e75f3a;
            font-weight: bolder;
        }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .CommHead {
        text-shadow: 2px 0 #888888;
        letter-spacing: 2px;
        font-size: 35pt;
        color: #482911;
    }
    a {
        color: #757a4d;
    }

        a:hover {
            color: #e75f3a;
            font-weight: bolder;
        }
}