/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF for GIC 2016  */
/*  Developed by the GIC (Matt Campbell, Julianne Solum)  */
/* ############################################################################################## */





/*  G E N E R A L   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    body {
      padding-bottom:          850px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
      padding-bottom:          350px;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    body {
      padding-bottom:          275px;
}}

/* Large devices (tablets, desktops 768px and up) */
@media (min-width: 1200px) {
    body {
      padding-bottom:          250px;
}}

#main_header h1, #main_content h1, #leftCol h1, #sidebar h1 {
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  color:                #8b0505;
  font-size:              41px;
}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    #main_header h1, #main_content h1, #leftCol h1, #sidebar h1 {
      font-size:              40px !important;
}}

#main_header h2, #main_content h2 {
  font-family:            'Open Sans', sans-serif !important;
  font-weight:             400;
  color:                #8b0505;
  font-size:              25px;
  margin-top:              10px;
}

#leftCol h2, #sidebar h2 {
  font-family:            'Open Sans Condensed', sans-serif !important;
  font-weight:             500;
  color:                #8b0505 !important;
  margin-top:              0px;
  font-size:              32px;
}

#main_header h4, #main_content h4 {
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  color:                #222222;
  margin-top:              0px;
}

@font-face {
    font-family:              'montserratblack';
    src:                  url('montserrat-black-webfont.woff2') format('woff2'),
                          url('montserrat-black-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;

}

@font-face {
    font-family:              'montserratbold';
    src:                  url('montserrat-bold-webfont.woff2') format('woff2'),
                          url('montserrat-bold-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;

}

@font-face {
    font-family:              'montserratlight';
    src:                  url('montserrat-light-webfont.woff2') format('woff2'),
                          url('montserrat-light-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;

}

@font-face {
    font-family:              'montserratregular';
    src:                  url('montserrat-regular-webfont.woff2') format('woff2'),
                          url('montserrat-regular-webfont.woff') format('woff');
    font-weight:             normal;
    font-style:             normal;

}

@font-face {
    font-family:             'montserrathairline';
    src:                 url('montserrat-hairline-webfont.woff2') format('woff2'),
                         url('montserrat-hairline-webfont.woff') format('woff');
    font-weight:             normal;
    font-style:             normal;

}

.font-black {
  font-family:             'montserratblack', sans-serif;
}

.font-regular {
  font-family:             'montserratregular', sans-serif;
}

/* For Name Anchors to offset the fixed header functionality */
.anchors { 
  margin-top:              -100px;  /* Size of fixed header */
  padding-bottom:            100px; 
  display:              block; 
}

.float-left {
  float:                 left;
  margin-right:             10px;
}

.indent {
  padding-left:            25px;
}

.nodot-ul {
  list-style-type:           none;
}

.dhss-red {
  color:                #8b0505 !important;
}

hr.tiny_hr {
  border:                2px solid #8b0505;
  color:                 #8b0505;
  margin-top:             -10px;
  padding:               0;
}

hr.thick {
  border:               3px solid #8b0505;
  color:                 #8b0505;
  margin-top:             -10px;
  padding:               0;
  text-align:             center;
}

hr.homepage {
  border:               1px solid #8b0505;
  color:                 #8b0505;
  margin-top:             8px;
  width:                 225px;
  padding:               0;
  text-align:             center;
}

hr.dhss {
  border:               1px solid #8b0505;
  color:                 #8b0505;
  margin-top:             8px;
  padding:               0;
}

#main_content a, #main_content a:link, #main_content a:active, #main_content a:visited {
  color:                 #8b0505;
  text-decoration:           none;
  font-weight:             none;
}

#main_content a:hover {
    color:                 #b2aaa4;
    text-decoration:           none;
    font-weight:             none;
}

a.agency_nav, a.agency_nav:link, a.agency_nav:active, a.agency_nav:visited {
  color:                 #ffffff;
  text-decoration:           none;
  font-weight:             none;
}

#main_content ul, #main_content ol  {
  font-size:                1.0em;
  line-height:              2.1em;
  margin-top:                1.0em;
  margin-bottom:              1.0em;
}

.agency_map {
  border:               0px; 
  width:                 710px;
  height:               600px;
  margin:               0px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .subpage_img {
    width:              300px;
    height:              56px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}

.bottomsect h4 {
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  color:                #222222;
  margin-top:              0px;
}

p.phone_contact {
    color:              #8b0505;
    font-family:           'Montserrat', sans-serif;
    font-weight:          400;
    letter-spacing:         0px;
    display:             block;
    font-size:              1.1em;
}
/* ############################################################################################## */





/* DHSS HOMEPAGE HEADER STYLES */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
/* ############################################################################################## */





/* CAROUSEL STYLES */

#AgencyCarousel {
  border:                         2px solid #8b0505;
}

#AgencyCarousel p {
  background-color:          rgba(40, 87, 130, 0.8);
  padding:              10px;
  border-radius:             10px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #AgencyCarousel .carousel-caption h2 {
    font-family:          'Open Sans', sans-serif !important;
      color:              #ffffff !important;
       font-weight:          700;
      display:            inherit;
      text-shadow:          1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'Open Sans', sans-serif !important;
      color:              #ffffff !important;
      font-weight:          700;
      display:            inherit;
      text-shadow:          1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'Open Sans', sans-serif !important;
      color:              #ffffff !important;
      font-weight:          700;
      display:            inherit;
      text-shadow:          1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'Open Sans', sans-serif !important;
      color:              #ffffff !important;
      font-weight:          700;
      display:            inherit;
      text-shadow:          1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    min-height:            400px;    /* Set slide height here */
    width:              100%;
    overflow:             hidden;
      object-fit:           cover;
      overflow:             hidden;
}}

.carousel-indicators {
  position:               absolute;
  bottom:               1px;
  left:                 50%;
  z-index:               15;
  width:                 60%;
  padding-left:             0;
  margin-left:             -30%;
  text-align:             center;
  list-style:             none;
}

.carousel-indicators li {
  display:               inline-block;
  width:                 15px;
  height:               15px;
  margin:               2px;
  text-indent:             -999px;
  cursor:               pointer;
  background-color:           #8b0505 \9;
  background-color:           rgba(40, 87, 130, 0);
  border:               1px solid #8b0505;
  border-radius:             10px;
}

.carousel-indicators .active {
  width:                 18px;
  height:               18px;
  margin:               0;
  background-color:           #8b0505;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .agency_control {
      margin-top:            235px;
      color:              #ffffff;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .agency_control {
      margin-top:            110px;
      color:              #ffffff;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .agency_control {
      margin-top:            150px;
      color:              #ffffff;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .agency_control {
      margin-top:            180px;
      color:              #ffffff;
}}
/* ############################################################################################## */





/*  N E W S   A R E A   S T Y L E S  */

.news_date {
  font-style:              italic;
  text-align:              left;
  display:              block;
  color:                #777777;
  font-size:              16px;
}

.news_title, .news_title a, .news_title a:link, .news_title a:visited, .news_title a:hover, .news_title a:active {
  display:              block;
  text-align:              left;
  padding-bottom:            0px;
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  font-size:              22px;
  padding-bottom:            25px;
}

.news_desc {
  display:              none;
  text-align:              left;
  line-height:            1.5em;
  padding-bottom:            25px;

}

/* Loading Icon for News Container Loading Spinner Image */
#loading1 {
  margin-left:            auto;
  margin-right:            auto;
  width:                100px;
}
/* ############################################################################################## */





/*  A G E N C Y   T O P   N A V   B A R   */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin:               0;
  padding:               0;
  border:               0;
  list-style:             none;
  line-height:             1;
  display:               block;
  position:               relative;
  -webkit-box-sizing:         border-box;
  -moz-box-sizing:           border-box;
  box-sizing:             border-box;
}

#cssmenuTop {
  width:                 auto;
  font-family:             'Open Sans', sans-serif;
  line-height:             1;
  background:             #ffffff;
  box-shadow:               0 4px 2px -2px rgba(0, 0, 0, 0.3);
  position:              relative;
  z-index:              3000;
}

#cssmenuTop.affix {
  position:               fixed;
    top:                 0;
    width:                 100%;
    z-index:              4000;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  #cssmenu {
    width:               auto;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  #cssmenu {
      width:               750px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  #cssmenu {
      width:               970px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  #cssmenu {
      width:               1170px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

#cssmenu:after,
#cssmenu > ul:after {
  content:               '.';
  display:               block;
  clear:                 both;
  visibility:               hidden;
  line-height:             0;
  height:                 0;
}

#cssmenu #menu-button {
  display:               none;
}

.logo_fade {
  position:              absolute;
  margin-left:            -50px;
  margin-top:              -50px;
  opacity:              0;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -45px;
    opacity:            0;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -44px;
    opacity:            1;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .nav_logo {
    width:               35px;
    height               35px;
    margin-top:           -8px;
    display:            none;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .nav_logo {
    width:               35px;
    height               35px;
    margin-top:           -8px;
    display:            inherit;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .nav_logo {
    width:               35px;
    height               35px;
    margin-top:           -8px;
    display:            inherit;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .nav_logo {
    width:               35px;
    height               35px;
    margin-top:           -8px;
    display:            inherit;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .nav_home {
    display:            inherit;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .nav_home {
    display:            none;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .nav_home {
    display:            none;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .nav_home {
    display:            none;
}}


.facebook {
  color:                 #3c599f;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.facebook a:hover {
  color:                 #177cb2;
  text-decoration:          none !important;
}

.twitter {
  color:                 #60d2f6;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.twitter:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.googleplus {
  color:                 #da4835;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.googleplus:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.flickr {
  color:                 #ff0084;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.flickr:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.youtube {
  color:                 #c8312b;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.youtube:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.instagram {
  color:                 #a27359;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.instagram:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.linkedin {
  color:                 #007bb6;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.linkedin:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.pinterest {
  color:                 #ca2128;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.pinterest:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

#menu-line {
  position:               absolute;
  top:                 0;
  left:                 0;
  height:               3px;
  background:             #8b0505;
  -webkit-transition:         all 0.25s ease-out;
  -moz-transition:           all 0.25s ease-out;
  -ms-transition:           all 0.25s ease-out;
  -o-transition:             all 0.25s ease-out;
  transition:             all 0.25s ease-out;
}

#cssmenu > ul > li {
  float:                 left;
}

#cssmenu.align-center > ul {
  font-size:               0;
  text-align:             center;
}

#cssmenu.align-center > ul > li {
  display:               inline-block;
  float:                 none;
}

#cssmenu.align-center ul ul {
  text-align:             left;
}

#cssmenu.align-right > ul > li {
  float:                 right;
}

#cssmenu.align-right ul ul {
  text-align:             right;
}

#cssmenu > ul > li > a {
  padding:               20px 20px 13px 20px;
  font-size:               14px;
  text-decoration:           none;
  text-transform:           uppercase;
  color:                 #000000;
  -webkit-transition:         color .2s ease;
  -moz-transition:           color .2s ease;
  -ms-transition:           color .2s ease;
  -o-transition:             color .2s ease;
  transition:             color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color:                 #8b0505;
}

#cssmenu > ul > li.has-sub > a {
  padding-right:             25px;
}

#cssmenu > ul > li.has-sub > a::after {
  position:               absolute;
  top:                 21px;
  right:                 10px;
  width:                 4px;
  height:               4px;
  border-bottom:             1px solid #000000;
  border-right:             1px solid #000000;
  content:               '';
  -webkit-transform:           rotate(45deg);
  -moz-transform:           rotate(45deg);
  -ms-transform:             rotate(45deg);
  -o-transform:            rotate(45deg);
  transform:               rotate(45deg);
  -webkit-transition:         border-color 0.2s ease;
  -moz-transition:           border-color 0.2s ease;
  -ms-transition:           border-color 0.2s ease;
  -o-transition:             border-color 0.2s ease;
  transition:             border-color 0.2s ease;
}

#cssmenu > ul > li.has-sub:hover > a::after {
  border-color:             #7795be;
}

#cssmenu ul ul {
  position:               absolute;
  left:                 -9999px;
  border-top:              13px solid #fff;
}

#cssmenu li:hover > ul {
  left:                 auto;
}

#cssmenu.align-right li:hover > ul {
  right:                 0;
}

#cssmenu ul ul ul {
  margin-left:             100%;
  top:                 0;
}

#cssmenu.align-right ul ul ul {
  margin-left:             0;
  margin-right:             100%;
}

#cssmenu ul ul li {
  height:               0;
  -webkit-transition:         height .2s ease;
  -moz-transition:           height .2s ease;
  -ms-transition:           height .2s ease;
  -o-transition:             height .2s ease;
  transition:             height .2s ease;
  padding-top:             6px;
  background:             #8b0505;
}

#cssmenu ul ul li:last-child {
  padding-bottom:           10px;
}

#cssmenu ul li:hover > ul > li {
  height:               100%;
}

#cssmenu ul ul li a {
  padding:               10px 18px;
  width:                 175px;
  font-size:               13px;
  font-weight:             bold;
  background:             #8b0505;
  text-decoration:          none;
  color:                 #dddddd;
  -webkit-transition:         color .2s ease;
  -moz-transition:           color .2s ease;
  -ms-transition:           color .2s ease;
  -o-transition:             color .2s ease;
  transition:             color .2s ease;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color:                 #ffffff;
}

#cssmenu ul ul li.has-sub > a::after {
    position:               absolute;
    top:                 13px;
    right:                10px;
    width:                 4px;
    height:                4px;
    border-bottom:             1px solid #dddddd;
    border-right:             1px solid #dddddd;
    content:               '';
    -webkit-transform:           rotate(-45deg);
    -moz-transform:           rotate(-45deg);
    -ms-transform:             rotate(-45deg);
    -o-transform:             rotate(-45deg);
    transform:               rotate(-45deg);
    -webkit-transition:         border-color 0.2s ease;
    -moz-transition:           border-color 0.2s ease;
    -ms-transition:           border-color 0.2s ease;
    -o-transition:             border-color 0.2s ease;
    transition:             border-color 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
    right:                 auto;
    left:                 10px;
    border-bottom:             0;
    border-right:             0;
    border-top:             1px solid #dddddd;
    border-left:             1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
  border-color:             #ffffff;
}

@media all and (max-width: 874px) and (max-width: 1024px) {
  #cssmenu {
      width:               100%;
    }
  
    #cssmenu ul {
      width:               100%;
      display:             none;
  }
  
  #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
      text-align:           left;
    }
  
    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
       width:               100%;
      height:             auto;
      border-top:           1px solid rgba(120, 120, 120, 0.15);
      background:            #fff;
    }
  
    #cssmenu ul li a,
    #cssmenu ul ul li a {
      width:               100%;
    }
  
    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
      float:               none;
      display:             block;
    }
  
    #cssmenu ul ul li a {
      padding:             20px 20px 20px 30px;
      font-size:             12px;
      color:               #000000;
      background:           none;
    }
  
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
      color:               #000000;
    }
  
    #cssmenu ul ul ul li a {
      padding-left:           40px;
    }
  
    #cssmenu ul ul,
    #cssmenu ul ul ul {
      position:             relative;
      left:               0;
      right:               auto;
      width:               100%;
      margin:             0;
      height:             auto;
      max-height:           200px;
      overflow-x:           hidden;
    }
  
    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
      display:             none;
    }
  
    #menu-line {
      display:             none;
    }
  
    #cssmenu #menu-button {
      display:             block;
      padding:             20px;
      color:               #942c1b;
      cursor:              pointer;
      font-size:             16px;
      text-transform:         uppercase;
      text-align:            right;
      width:              60px;
    }

    #nav-icon-hamburger {
      width:               30px;
      height:             25px;
    margin-top:            -20px;
      position:             relative;
      -webkit-transform:         rotate(0deg);
      -moz-transform:         rotate(0deg);
    -o-transform:           rotate(0deg);
      transform:             rotate(0deg);
      -webkit-transition:       .5s ease-in-out;
      -moz-transition:         .5s ease-in-out;
    -o-transition:           .5s ease-in-out;
      transition:           .5s ease-in-out;
    cursor:             pointer;
    }

    #nav-icon-hamburger span {
    display:             block;
       position:             absolute;
      height:             3px;
      width:               50%;
      background:           #8b0505;
      opacity:             1;
      -webkit-transform:         rotate(0deg);
      -moz-transform:         rotate(0deg);
      -o-transform:           rotate(0deg);
      transform:             rotate(0deg);
      -webkit-transition:       .25s ease-in-out;
      -moz-transition:         .25s ease-in-out;
      -o-transition:           .25s ease-in-out;
    transition:           .25s ease-in-out;
    }

    #nav-icon-hamburger span:nth-child(even) {
    left:               50%;
    border-radius:           0 9px 9px 0;
    }

    #nav-icon-hamburger span:nth-child(odd) {
    left:              0px;
    border-radius:           9px 0 0 9px;
    }

    #nav-icon-hamburger span:nth-child(1), #nav-icon-hamburger span:nth-child(2) {
      top:               0px;
    }

    #nav-icon-hamburger span:nth-child(3), #nav-icon-hamburger span:nth-child(4) {
      top:               10px;
    }

    #nav-icon-hamburger span:nth-child(5), #nav-icon-hamburger span:nth-child(6) {
      top:               20px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(1),#nav-icon-hamburger.menu-opened span:nth-child(6) {
      -webkit-transform:         rotate(45deg);
      -moz-transform:         rotate(45deg);
      -o-transform:           rotate(45deg);
      transform:             rotate(45deg);
    }

    #nav-icon-hamburger.menu-opened span:nth-child(2),#nav-icon-hamburger.menu-opened span:nth-child(5) {
      -webkit-transform:         rotate(-45deg);
      -moz-transform:         rotate(-45deg);
      -o-transform:           rotate(-45deg);
      transform:             rotate(-45deg);
    }

    #nav-icon-hamburger.menu-opened span:nth-child(1) {
      left:               5px;
      top:               7px;
    }
  
    #nav-icon-hamburger.menu-opened span:nth-child(2) {
      left:               calc(50% - 5px);
      top:               7px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(3) {
      left:               -50%;
      opacity:             0;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(4) {
      left:               100%;
      opacity:             0;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(5) {
      left:               5px;
      top:               12px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(6) {
      left:               calc(50% - 5px);
      top:               12px;
    }

  /* OPERA ONLY */
  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(1) {
      left:               3px;
      top:               2px;
    }
  
  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(2) {
      left:               calc(50% - 4px);
      top:               2px;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(3) {
      left:               -50%;
      opacity:             0;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(4) {
      left:               100%;
      opacity:             0;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(5) {
      left:               3px;
      top:               13px;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(6) {
      left:               calc(50% - 4px);
      top:               13px;
    }

    #cssmenu .submenu-button {
      position:             absolute;
       z-index:             10;
      right:               0;
      top:               0;
      display:             block;
      border-left:           1px solid rgba(120, 120, 120, 0.15);
      height:             55px;
      width:               55px;
      cursor:             pointer;
    }

    #cssmenu .submenu-button.submenu-opened {
    height:             60px;
    }

    #cssmenu .submenu-button::after {
      content:             '';
      position:             absolute;
      top:              21px;
      left:               26px;
      display:             block;
      width:               1px;
      height:             11px;
      background:           #000000;
      z-index:             99;
      opacity:            1
      -webkit-transition:       .3s all ease-out;
      transition:           .3s all ease-out;
      -webkit-transform:         rotate(0deg);
      transform:             rotate(0deg);
    }
  
  #cssmenu .submenu-button::before {
      content:             '';
      position:             absolute;
      left:               21px;
      top:               26px;
      display:             block;
      width:               11px;
      height:             1px;
      background:           #000000;
      z-index:             99;
      opacity:            1
      -webkit-transition:       .3s all ease-out;
      transition:           .3s all ease-out;
      -webkit-transform:         rotate(0deg);
      transform:             rotate(0deg);
    }
  
    #cssmenu .submenu-button.submenu-opened:after {
    opacity:            0
      -webkit-transform:         rotate(90deg);
      transform:             rotate(90deg);
}}
/* ############################################################################################## */


/*  A G E N C Y   F O O T E R   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
    border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             838px;
      z-index:            1029;
}
  /* Opera Only */
  x:-o-prefocus, #agencyFooter {
    height:             500px;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
     border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             364px;
      z-index:            1029;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
    border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             320px;
      z-index:            1029;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
     border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             298px;
      z-index:            1029;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  @-moz-document url-prefix() { 
    #agencyFooter {
      height:           853px;
    }}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
         height:           370px;
    }}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
         height:           325px;
    }}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
      height:           303px;
    }}}

#agencyFooter a, #agencyFooter a:link, #agencyFooter a:active, #agencyFooter a:visited {
  color:                 #ffffff;
  text-decoration:           none;
}

#agencyFooter a:hover {
  color:                 #ffffff;
  text-decoration:           underline;
}

.agencyFooter_logo {
  width:                 80px;
  height:               80px;
  border:               none;
  text-align:             center;
}
/* ############################################################################################## */






/*  S O C I A L   B O X   S T Y L E S  */

.social_box {
  background-color:           #e6e2df;
  background-repeat:           no-repeat;
  background-position:         center;
  border-top:             2px solid #e8eae3;
  border-bottom:             2px solid #e8eae3;
  padding-top:             35px;
  padding-left:             25px;
  padding-right:             25px;
  padding-bottom:           25px;
}

.social_box a, .social_box a:link, .social_box a:active, .social_box a:visited {
    color:               #ffffff !important;
    text-decoration:         none !important;
    font-weight:           none !important;
}

.social_box a:hover {
      color:               #ffffff !important;
      text-decoration:         none !important;
      font-weight:           none !important;
}

.btn-facebook {
  background-color:          #25459b !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-facebook:hover {
  background-color:          #436ad4 !important;
  -webkit-border-radius:        25px !important;
    -moz-border-radius:          25px !important;
    border-radius:            25px !important;
    color:                #ffffff !important;
    font-size:              1.0em !important;
    padding:              15px;
}

.btn-twitter {
  background-color:          #69dfeb !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-twitter:hover {
  background-color:          #2eb2bf !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-youtube {
  background-color:          #cb2224 !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-youtube:hover {
  background-color:          #9e0d0d !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-flickr {
  background-color:           #ef006e !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-flickr:hover {
  background-color:           #bc1461 !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-instagram {
  background-color:           #444444 !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-instagram:hover {
  background-color:           #777575 !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-pinterest {
  background-color:           #cb2224 !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}

.btn-pinterest:hover {
  background-color:           #9e0d0d !important;
  -webkit-border-radius:         25px !important;
    -moz-border-radius:         25px !important;
    border-radius:             25px !important;
    color:                #ffffff !important;
    font-size:                1.0em !important;
    padding:              15px;
}
/* ############################################################################################## */





/*  S E R V I C E S   B O X E S   S T Y L E S  */

#dhss-featured-services-1 h3, #dhss-featured-services-2 h3, #dhss-featured-services-3 h3 {
    font-family:             'Montserrat', sans-serif !important;
  font-weight:             700 !important;
    text-transform:           uppercase !important;
    color:                #8b0505 !important;
    font-size:              23px;
    line-height:            1.0em;
    padding:              0 0 0 0;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {

#footer-boxes {
    -moz-column-count:1;
    -moz-column-gap:0px;
    -webkit-column-count:1;
    -webkit-column-gap:0px;
    column-count:1;
    column-gap:0px;
    margin-left: 0px;
}
.footer-box {
    margin:0 0 0 0;
    display:inline-block;
    width:100%;
    height:160px;
    padding:0px 15px 15px 15px;
    background:#8b0505;
    color:#fff !important;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:320px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
    margin-bottom: 10px;
}
.footer-box h3 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
    text-transform:uppercase !important;
    color:#fff !important;
    font-size:25px;
    line-height:1.0em;
    padding:0 0 0 0;
}
.footer-box:hover h3 {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box:hover p {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box p {
    font-size:13px;
    width:180px;
    line-height:1.5;
    color:#b2aaa4 !important;
}
.footer-box:hover {
    background-position:200px 50%;
}
#f-aging {
    background-image:url(/dhss/agency/img/fboxes_aging.png);
    background-position:700px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/dhss/agency/img/fboxes_assistance.png);
    background-position:700px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/dhss/agency/img/fboxes_children.png);
    background-position:720px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/dhss/agency/img/fboxes_disabilities.png);
    background-position:720px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/dhss/agency/img/fboxes_dph.png);
    background-position:700px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/dhss/agency/img/fboxes_medicaid.png);
    background-position:700px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/dhss/agency/img/fboxes_animals.png);
    background-position:720px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/dhss/agency/img/fboxes_employment.png);
    background-position:700px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/dhss/agency/img/fboxes_servicecenters.png);
    background-position:720px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/dhss/agency/img/fboxes_financial.png);
    background-position:700px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/dhss/agency/img/fboxes_business.png);
    background-position:700px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/dhss/agency/img/fboxes_volunteer.png);
    background-position:700px 0px;
}
#f-givingback:hover {
    background-color:#237abe;
    background-position:150px 0px;
}}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

#footer-boxes {
    -moz-column-count:2;
    -moz-column-gap:10px;
    -webkit-column-count:2;
    -webkit-column-gap:10px;
    column-count:2;
    column-gap:10px;
    margin-left: 0px;
}
.footer-box {
    margin:0 0 0 0;
    display:inline-block;
    width:290px;
    height:160px;
    padding:0px 15px 15px 15px;
    background:#8b0505;
    color:#fff !important;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:320px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
    margin-bottom: 10px;
    margin-left:25px;
}
.footer-box h3 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
    text-transform:uppercase !important;
    color:#fff !important;
    font-size:25px;
    line-height:1.0em;
    padding:0 0 0 0;
}
.footer-box:hover h3 {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box:hover p {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box p {
    font-size:13px;
    width:180px;
    line-height:1.5;
    color:#b2aaa4 !important;
}
.footer-box:hover {
    background-position:200px 50%;
}
#f-aging {
    background-image:url(/dhss/agency/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/dhss/agency/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/dhss/agency/img/fboxes_children.png);
    background-position:290px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/dhss/agency/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/dhss/agency/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/dhss/agency/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/dhss/agency/img/fboxes_animals.png);
    background-position:290px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/dhss/agency/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/dhss/agency/img/fboxes_servicecenters.png);
    background-position:290px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/dhss/agency/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/dhss/agency/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/dhss/agency/img/fboxes_volunteer.png);
    background-position:290px 0px;
}
#f-givingback:hover {
    background-color:#237abe;
    background-position:150px 0px;
}}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

#footer-boxes {
    -moz-column-count:3;
    -moz-column-gap:10px;
    -webkit-column-count:3;
    -webkit-column-gap:10px;
    column-count:3;
    column-gap:10px;
    margin-left: 5px;
}
.footer-box {
    margin:0 0 0 0;
    display:inline-block;
    width:280px;
    height:160px;
    padding:0px 15px 15px 15px;
    background:#8b0505;
    color:#fff !important;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:320px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
    margin-bottom: 10px;
}
.footer-box h3 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
    text-transform:uppercase !important;
    color:#fff !important;
    font-size:20px;
    line-height:1.0em;
    padding:0 0 0 0;
}
.footer-box:hover h3 {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box:hover p {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-box p {
    font-size:12px;
    width:135px;
    line-height:1.5;
    color:#b2aaa4 !important;
}
.footer-box:hover {
    background-position:200px 50%;
}
#f-aging {
    background-image:url(/dhss/agency/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:110px 0px;
}
#f-assistance {
    background-image:url(/dhss/agency/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:110px 0px;
}
#f-children {
    background-image:url(/dhss/agency/img/fboxes_children.png);
    background-position:290px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:80px 0px;
}
#f-disabilities {
    background-image:url(/dhss/agency/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:85px 0px;
}
#f-dph {
    background-image:url(/dhss/agency/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:110px 0px;
}
#f-medicaid {
    background-image:url(/dhss/agency/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:110px 0px;
}
#f-animal {
    background-image:url(/dhss/agency/img/fboxes_animals.png);
    background-position:290px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:80px 0px;
}
#f-employment {
    background-image:url(/dhss/agency/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:110px 0px;
}
#f-servicectr {
    background-image:url(/dhss/agency/img/fboxes_servicecenters.png);
    background-position:290px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:80px 0px;
}
#f-financial {
    background-image:url(/dhss/agency/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:110px 0px;
}
#f-business {
    background-image:url(/dhss/agency/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:110px 0px;
}
#f-givingback {
    background-image:url(/dhss/agency/img/fboxes_volunteer.png);
    background-position:290px 0px;
}
#f-givingback:hover {
    background-color:#237abe;
    background-position:110px 0px;
}}



/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

#footer-boxes {
    -moz-column-count:3;
    -moz-column-gap:10px;
    -webkit-column-count:3;
    -webkit-column-gap:10px;
    column-count:3;
    column-gap:10px;
    margin-left: 15px;
}
.footer-box {
    margin:0 0 0 0;
    display:inline-block;
    width:300px;
    height:150px;
    padding:0px 15px 15px 15px;
    background:#8b0505;
    color:#ffffff !important;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:320px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
    margin-bottom: 10px;
}
.footer-box h3 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
    text-transform:uppercase !important;
    color:#ffffff !important;
    font-size:25px;
    line-height:1.0em;
    padding:0 0 0 0;
}
.footer-box:hover h3 {
    color: #fff !important;
    text-decoration: none !important;
}
.footer-box:hover p {
    color: #fff !important;
    text-decoration: none !important;
}
.footer-box p {
    font-size:13px;
    width:180px;
    line-height:1.5;
    color:#b2aaa4 !important;
}
.footer-box:hover {
    background-position:200px 50%;
}
#f-aging {
    background-image:url(/dhss/agency/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/dhss/agency/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/dhss/agency/img/fboxes_children.png);
    background-position:300px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/dhss/agency/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/dhss/agency/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/dhss/agency/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/dhss/agency/img/fboxes_animals.png);
    background-position:300px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/dhss/agency/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/dhss/agency/img/fboxes_servicecenters.png);
    background-position:300px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/dhss/agency/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/dhss/agency/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/dhss/agency/img/fboxes_volunteer.png);
    background-position:290px 0px;
}
#f-givingback:hover {
    background-color:#237abe;
    background-position:150px 0px;
}}
/* ############################################################################################## */