/*  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)  */
/* ############################################################################################## */

/* ePATHUSA */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap');

body.wide .page-content .feature-988-image img {
    padding: 0;
    border-radius: 0;
}

body.wide .page-content .top-988-header h1.main-head,
body.wide .page-content .top-988-header h1.main-head span {
    font: 700 6vw 'Barlow Condensed' !important;
    letter-spacing: initial;
    color: #005491 !important;
}

body.wide .page-content .top-988-header h1.main-head span {
    color: #3e1f17 !important;
}

body.wide .page-content .top-988-header h3#content_text.cta {
    font: 700 3vw 'Barlow Condensed';
    letter-spacing: initial;
    color: #ffffff;
}

body.wide .page-content #what988 h2#content_text,
body.wide .page-content #whofor988 h2#content_text {
    font: 700 2.5rem 'Barlow Condensed' !important;
    color: #3E1F17;
}

body.wide .page-content #whentocall h3#content_text {
    font: 700 3vw 'Barlow Condensed';
    color: #ffffff;
    letter-spacing: initial;
}

body.wide .page-content #howtouse h3#content_text {
    font: 700 35px 'Barlow Condensed';
    color: #005491;
    letter-spacing: initial;
}

body.wide .page-content #howtouse h4 {
    font: 700 32px 'Barlow Condensed';
    color: #005491;
    letter-spacing: initial;
}

body.wide .page-content #warningsigns #content_text a button,
body.wide .page-content #howtouse #content_text a button {
    line-height: 34.2857px;
}

body.wide .page-content .overwhelming {
    margin-top: 16vw;
    top: 810px;
}

body.wide .page-content #overwhelmingbanner h2#content_text,
body.wide .page-content .overwhelming h2#content_text {
    font: 700 3.6vw 'Barlow Condensed' !important;
    color: #e3ddd6;
    letter-spacing: initial;
    max-width: 450px;
}

body.wide .page-content #sociallinks h3#content_text,
body.wide .page-content #importantnumbers h3#content_text,
body.wide .page-content #warningsigns h3#content_text {
     font: 700 40px 'Barlow Condensed' !important;   
     color: #005491;
     letter-spacing: initial;
}

body.wide .page-content #importantnumbers h4#content_text {
    font: 700 32px 'Barlow Condensed' !important; 
    letter-spacing: initial;
}

body.wide .page-content #overwhelmingbanner h2#content_text {
    color: #005491;   
}

body.wide .page-content #resources h3#content_text {
    font-size: 40px !important;
    letter-spacing: initial;
}

body.wide .page-content #what988 > div, body.wide .page-content #whofor988 > div {
	display: flex;
}

body.wide .page-content #warningsigns .row > div:last-child {
    margin-left: 0 !important;
}

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

/* 988 Color Palette */

.de-lt-blue {
	color: #5197b5;
}
.de-md-blue {
	color: #005491;
}
.de-drk-blue {
	color: #0c2848;
}
.de-yellow {
	color: #ffc50d;
}
.de-green {
	color: #6b7b34;
}
.de-brown {
	color: #3e1f17;
}
.de-taupe {
	color: #e3ddd6;
}
.de-black {
	color: #222222;
}

/* 988 Fonts */

/* FONT REFERENCE --
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;

font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-weight: 600;
*/


  /*************************************
************************************** 
************************************** 

  subheader-section 

**************************************
************************************** 
**************************************/
  	.img-thumbnail {
	    width: 100%;
	    height: auto;
	    border-radius: 0;
	  }
	  #feature988 {
    	background-size: cover;
		  position: relative;
		  margin: 0 0 250px;
  	}
    @media only screen and (min-width: 1700px) {
      #feature988 {
        background-size: cover;
        position: relative;
        margin: 0 0 300px;
      }
    }
	  @media only screen and (min-width: 2000px) {
      #feature988 {
        background-size: cover;
        position: relative;
        margin: 0 0 400px;
      }
    }
	  .feature-988-image {
	    position: relative;
	    overflow: hidden;
	  }

	  .feature-988-image img {
      padding: 0;
      border: none;
    }
	  .top-988-header-wrapper {
	    position: relative;
	    width: 100%;
	  }
	  .top-988-header {
		  position: absolute;
	    height: auto;
	    width: 100%;
	    /* margin: -10vw 0 0; */
	    margin: -7vw 0 0;
	  }
	  .top-988-header > img {
		  position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
	  }
	  .top-988-header > div {
		  width: 80%;
	    display: flex;
	    margin: 4vw auto;
	    height: auto;
	    position: relative;
	  }
	  #main_content h1.main-head {
		  font-family: 'Barlow Condensed', sans-serif !important;
		  font-weight: 700;
		  font-size: 6vw !important;
		  color: #005491;
		  text-transform: uppercase;
		  text-align: center;
	  }
    #main_content h1.main-head > span {
		color: #3e1f17;
	}
	#main_content h2 {
		font-family: 'Barlow Condensed', sans-serif !important;
		font-weight: 700;
		font-size: 4rem;
		color: #3E1F17;
		text-transform: none;
		margin: 10px 0 30px;
	}
  #container988 p {
		color: #222222;
		font-weight: 400;
		font-size: 1.15em;
		line-height: 1.75em;
		margin-bottom: 20px;
	}
	#container988 p strong {
		color: #222222;
		font-weight: 700;
	}
	
  #what988 img {
    max-width: 350px; 
    height: auto;
    width: 100%; 
  }
  @media only screen and (min-width: 576px) {
    #what988 img {
      max-width: 400px;
      height: auto;
      width: 100%;
    }
  }
  @media only screen and (min-width: 768px) {
    #what988 img {
      max-width: 550px;
      height: auto;
      width: 100%;
    }
  }
  @media only screen and (min-width: 991px) {
    #what988 img {
      max-width: 550px; 
      height: auto;
    }
  }
  #whofor988 {
    margin: 40px 0;
  }
  #whofor988 > div {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  #whofor988 .whofor988-image {
    text-align: right;
  }
  #whofor988 .whofor988-image img {
    max-width: 450px; 
    height: auto;
    display: inline-block;
  }
  .whofor988-image-mobile {
    display: none;
  }
  @media only screen and (min-width: 991px) {
    #whofor988 .whofor988-image img {
      max-width: 550px; 
      height: auto;
    }
  }
  @media only screen and (min-width: 768px) {
    #whofor988 .whofor988-image img {
      max-width: 550px;
      height: auto;
      width: 100%;
      display: inline-block;
    }
  }
  @media only screen and (max-width: 767px) {
    #whofor988 .whofor988-image img {
      display: none;
    }
    .whofor988-image-mobile {
      display: block;
      max-width: 550px; 
      height: auto;
      width: 100%;
    }
    
  }
  #whentocall {
    margin: 40px 0; 
    background-color: #3e1f17;
  }
  #whentocall > div {
    width: 80%;
    display: flex;
    margin: 0 auto;
    position: relative;
    height: 100%;
  }
  #whentocall h3 {
    font-size: 4.25rem;
    margin: 30px 0;
    padding: 0 !important;
  }
  #whentocall p {
    color: #ffffff;
    margin: 60px 30px;
  }
  #whentocall .head {
    text-align: right;
    display: flex;
    align-items: center;
  }
  #whentocall .body {
    text-align: left;
    display: flex;
    align-items: center;
  }
  @media only screen and (max-width: 767px) {
    #whentocall > div {
      text-align: left;
      display: block;
    }
    #whentocall .head {
      text-align: left;
      display: block;
    }
    #whentocall .head h3 {
      font-size: 3.75rem;
    }
    #whentocall .body {
      text-align: left;
      display: block;
    }
    #whentocall .body p {
      color: #ffffff;
      margin: 0 0 60px;
    }
  }

  .overwhelming {
    position: absolute; 
    margin: 0;
    max-width: 100%;
    z-index: 2;
    top: 0; 
  }
  #main_content .overwhelming > h2 {
    text-align: left; 
    font-size: 3.6vw; 
    text-transform: uppercase;
    color: #e3ddd6;
  }
  #main_content .overwhelming > h2 > span {
    color: #ffc50d;
  }
  @media only screen and (max-width: 767px) {
    #main_content .overwhelming > h2 {
      text-align: left; 
      font-size: 3.5rem; 
      text-transform: uppercase;
      color: #005491;
    }
    #main_content .overwhelming > h2 > span {
      color: #3e1f17;
    }
  }
	img.overwhelming-image,
  img.overwhelmingbanner-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    left: 0;
  }
	img.overwhelming-image-mobile,
  img.overwhelmingbanner-image-mobile {

    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    left: 0;
    display: none;
  }
	@media only screen and (min-width: 767px) {
    .overwhelming {
      position: absolute; 
      margin: 17vw auto 50px 8vw;
      max-width: 100%;
      z-index: 2;
      top: 0; 
    }
  }
	@media only screen and (max-width: 767px) {
    img.overwhelming-image,
    img.overwhelmingbanner-image {
        display: none;
    }
    img.overwhelming-image-mobile,
    img.overwhelmingbanner-image-mobile {
      max-width: 100%;
      height: auto;
      position: relative;
      z-index: 1;
      left: 0;
      display: block;
      padding-top: 50px;
    }
  }
	@media only screen and (max-width: 568px) {
    img.overwhelming-image,
    img.overwhelmingbanner-image {
        display: none;
    }
    img.overwhelming-image-mobile,
    img.overwhelmingbanner-image-mobile {
      max-width: 100%;
      height: auto;
      position: relative;
      z-index: 1;
      left: 0;
      display: block;
      padding-top: 100px;
    }
  }
	@media only screen and (min-width: 1600px) {
		.overwhelming {
			position: absolute; 
			margin: 17vw auto 50px 160px;
			max-width: 575px;
			z-index: 2;
		}
		#main_content .overwhelming > h2 {
			font-size: 7.5rem; 
		}
	}
	#main_content h3.warning {
		  font-size: 4rem; 
		  margin: 0 0 30px;
		  color: #005491;
      padding: 0;
      text-transform: none;
	}
	#main_content h3{
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3vw;
		text-transform: uppercase;
		color: #ffffff;
		display: inline-block;
		padding: 5px 18px 8px;
	}
	#main_content h3.cta{
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3vw;
		background-color: #005491;
		text-transform: uppercase;
		color: #ffffff;
		display: inline-block;
		padding: 5px 18px 8px;
	}
  @media only screen and (max-width: 767px) {
    #main_content h1.main-head {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 700;
      font-size: 3.85rem !important;
      color: #005491;
      text-transform: uppercase;
      text-align: center;
    }
    #main_content h3.cta {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 700;
      font-size: 2.2rem;
      background-color: #005491;
      text-transform: uppercase;
      color: #ffffff;
      display: inline-block;
      padding: 5px 12px 8px;
    }
}

  #howtouse {
		margin: 40px 0;
	}
	#howtouse > div {
		width: 80%;
    margin: 0 auto;
    position: relative;
	}
	#howtouse h3{
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3.5rem;
		text-transform: none;
		color: #005491;
		display: inline-block;
		padding: 5px 18px 8px;
    margin: 30px 0;
	}
	#howtouse h4 {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3.2rem;
		text-transform: uppercase;
		color: #005491;
		display: inline-block;
		padding: 5px 0 8px;
	}
	#howtouse button {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 1.25em;
		background-color: #005491;
		text-transform: uppercase;
		color: #ffffff;
    display: block;
    padding: 5px 18px 8px;
    margin-top: 15px;
	}
	#main_content #howtouse hr {
		display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #005491;
	    margin: 1em 0;
	    padding: 0;
	}
  #howtouse img {
    width: 100%;
    height: auto;
	}
  #howtouse img.call {
    max-width: 205px;
	}
  #howtouse img.text {
	  max-width: 235px;
	}
  #howtouse img.chat {
	  max-width: 225px;
	}
  #warningsigns {
    margin: 40px 0;
    background-color: #e3ddd6;
    background-position: right bottom;
    background-repeat: no-repeat;
  }
	#main_content #warningsigns img {
    max-width: 250px;
    height: auto; 
    width: 100%;
    float: right; 
    padding-top: 40px;
    display: none;
  }
	#main_content #warningsigns h4 {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3.2rem;
		text-transform: none;
		color: #222222;
		display: inline-block;
		padding: 5px 0 8px;
		margin-bottom: 25px; 
	}
	#warningsigns .col-md-7 p {
		margin-bottom: 0; 
	}
	#main_content #warningsigns button {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 1.5em;
		background-color: #005491;
		text-transform: uppercase;
		color: #ffffff;
/* 		display: inline-block; */
		padding: 5px 18px 8px;
	}
	#main_content #warningsigns hr {
		display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #005491;
	    margin: .5em 0;
	    padding: 0;
	}
  /* p.warningsigns-9 {
    max-width: 75%;
  }
  p.warningsigns-9 + hr {
    max-width: 65%;
  }
  p.warningsigns-10 {
    max-width: 65%;
  } */
  @media only screen and (max-width: 991px) {
    #warningsigns {
      margin: 40px 0;
      background-color: #e3ddd6;
      background-position: right bottom;
      background-repeat: no-repeat;
      background-image: none !important;
    }
    #main_content #warningsigns img {
      max-width: 300px;
      height: auto;
      width: 100%;
      float: right;
      padding-top: 0;
      display: block;
      margin-top: -200px;
    }
    #main_content p.warningsigns-9 + hr {
      max-width: 90%;
    }
  }
  @media only screen and (max-width: 767px) {
    #main_content #warningsigns {
      margin: 40px 0;
      background-color: #e3ddd6;
      background-position: right bottom;
      background-repeat: no-repeat;
      background-image: none !important;
    }
    #main_content #warningsigns img {
      max-width: 250px;
      width: 100%;
      height: auto;
      float: right;
      padding-top: 0;
      display: block;
      margin-top: -200px;
    }
    #main_content p.warningsigns-9 + hr {
      max-width: 90%;
    }
  }
  @media only screen and (max-width: 640px) {
    #main_content p.warningsigns-9 {
      max-width: 85%;
    }
    #main_content p.warningsigns-9 + hr {
      max-width: 85%;
    }
  }
  @media only screen and (max-width: 568px) {
    #main_content p.warningsigns-9 {
      max-width: 75%;
    }
    #main_content p.warningsigns-9 + hr {
      max-width: 65%;
    }
    #main_content p.warningsigns-10 {
      max-width: 65%;
    }
  }
  @media only screen and (max-width: 380px) {
    #main_content #warningsigns img {
      max-width: 200px;
      width: 100%;
      height: auto;
      float: right;
      padding-top: 0;
      display: block;
      margin-top: -200px;
    }
  }
	#main_content #importantnumbers h3{
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 4rem;
		text-transform: uppercase;
		color: #005491;
		display: inline-block;
		padding: 5px 18px 8px;
	}
	#main_content #importantnumbers h4 {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 3.2rem;
		text-transform: uppercase;
		color: #222222;
		display: inline-block;
		padding: 5px 0 8px;
	}
	#main_content .overwhelming-banner {
		position: absolute; 
		margin: 15vw auto 50px 36vw;
		z-index: 2; 
    top: 0;
	}
  #main_content hr.hr-mobile {
    display: none;
  }
  @media only screen and (max-width: 767px) {
    #main_content .overwhelming-banner {
      position: relative;
      margin: 0;
      z-index: 2;
      top: -350px;
      margin-bottom: -100px;
    }
    #main_content hr.hr-mobile {
    	display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #005491;
	    margin: .5em 0;
	    padding: 0;
      width: 100%;
	  }
    .crisis {
      border: none !important;
    }
  }
	#main_content .overwhelming-banner > h2 {
		text-align: left; 
		color: beige; 
		font-size: 3.6vw; 
		text-transform: uppercase;
		color: #005491;
	}
	#main_content .overwhelming-banner > h2 > span {
		color: #3e1f17;
	}
	@media only screen and (max-width: 767px) {
		#main_content .overwhelming-banner > h2 {
			font-size: 3.5rem; 
		}
	}
	@media only screen and (min-width: 1550px) {
		#main_content .overwhelming-banner {
			/* position: relative; */
			position: absolute;
			margin: 15vw auto 50px 36vw;
		  max-width: 525px;
			z-index: 2; 
		}
		#main_content .overwhelming-banner > h2 {
			font-size: 7.5rem; 
		}
	}
	#main_content #resources p {
    margin-bottom: 10px;
  } 
  #main_content #resources h3{
    font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 4rem;
		text-transform: none;
		color: #005491;
		display: inline-block;
		padding: 5px 18px 8px;
	}
	#main_content #resources p strong a {
		font-size: 1em;
		color: #005491;
	}
	
	#main_content #social-links h3{
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 700;
		font-size: 4rem;
		text-transform: none;
		color: #005491;
		display: inline-block;
		padding: 5px 18px 8px;
	}
	
	#main_content #additional-resources hr {
		display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #005491;
	    margin: 1em 0;
	    padding: 0;
	}

	
	@media only screen and (min-width: 250px) {
		#feature988,
		.feature-988-image {
		    height: auto;
		    width: 100%;
		    background-size: cover;
		    position: relative;
		    max-height: 75vh;
		}
/*
		.top-988-header {
			top: -40px;
		}
*/
	}
	@media only screen and (min-width: 768px) {
		#feature988,
		.feature-988-image {
		    height: auto;
		    width: 100%;
		    max-height: 75vh;
		}
/*
		.top-988-header {
			top: -60px;
		}
*/
	}
	@media only screen and (min-width: 992px) {
		#feature988,
		.feature-988-image {
		    height: auto;
		    width: 100%;
		    max-height: 75vh;
		}
/*
		.top-988-header {
			top: -80px;
		}
*/
#main_content h1.main-head {
			font-size: 5.7vw !important;
			margin-top: 5px;
		}
	}
	@media only screen and (min-width: 1200px) {
		#feature988,
		.feature-988-image {
		    height: auto;
		    width: 100%;
		    max-height: 75vh;
		}
/*
		.top-988-header {
			top: -100px;
		}
*/
	}
	.subheader-section.background-section .container {
	    margin-top: 5vh;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	    display: block;
	}
  /* On-page anchor links */

  .agencyFooter_logo {
    width: 145px;
    height: 145px;
    border: none;
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 2em;
  }

  .header-txt-wrapper {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 0px 0px 10px 0px;
  }

  #main_content .header-txt-wrapper h1 {
    color: #fff;
    /* font-family: 'Roboto', sans-serif; */
    text-transform: uppercase;
    text-align: center;
    padding-left: 5px;
    font-size: 30px;
    margin-top: 30px;
    font-weight: 900;
  }

  .header-logo {
    height: 80px;
    float: none;
    margin-top: 10px;
  }

  .header-logo-interior {
    height: 100px;
    margin-top: 5px;
  }

  .quote-wrapper {
    font-family: "Montserrat", sans-serif;
    color: var(--stability-blue);
    font-size: 24px;
    font-weight: 600;
    text-align: right;
    margin-top: 25px;
    padding-right: 5px;
  }


.featured-info {
    background-color: rgba(255, 255, 255, 0.0);
    padding: 25px 25px 45px 25px;
    margin-top: 0;
  }

  #main_content .featured-info h2 {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--crimson);
    text-align: center;
    padding-bottom: 10px;
    font-weight: 700;
  }
  
  .testimonials-wrapper {
    padding-bottom: 25px !important;
  }

  .circles-wrapper {
    margin-top: 70px !important;
  }

  .icon-size {
    width: 175px;
  }

  .quote-text {
    font-size: 36px;
    padding: 10px 0 10px 0;
  }

  .angle-down {
    height: 104px;
    z-index: 5000;
  }

  .service-item {
    background-color: var(--off-white);
  }

  .interior-tag-wrapper {
    border: 2px solid var(--stability-blue);
    background-color: var(--stability-blue);
    margin-top: 55px;
    z-index: -5;
    margin-right: 55%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 100px;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .interior-tag {
    height: 150px !important;
  }














/* 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;
}

#main_content #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) {
  #main_content #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) {
  #main_content #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) {
  #main_content #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) {
  #main_content #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(/wp-content/uploads/dhss/img/fboxes_aging.png);
    background-position:700px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_assistance.png);
    background-position:700px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_children.png);
    background-position:720px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_disabilities.png);
    background-position:720px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_dph.png);
    background-position:700px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_medicaid.png);
    background-position:700px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_animals.png);
    background-position:720px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_employment.png);
    background-position:700px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_servicecenters.png);
    background-position:720px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_financial.png);
    background-position:700px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_business.png);
    background-position:700px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/wp-content/uploads/dhss/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(/wp-content/uploads/dhss/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_children.png);
    background-position:290px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_animals.png);
    background-position:290px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_servicecenters.png);
    background-position:290px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/wp-content/uploads/dhss/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(/wp-content/uploads/dhss/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:110px 0px;
}
#f-assistance {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:110px 0px;
}
#f-children {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_children.png);
    background-position:290px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:80px 0px;
}
#f-disabilities {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:85px 0px;
}
#f-dph {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:110px 0px;
}
#f-medicaid {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:110px 0px;
}
#f-animal {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_animals.png);
    background-position:290px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:80px 0px;
}
#f-employment {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:110px 0px;
}
#f-servicectr {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_servicecenters.png);
    background-position:290px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:80px 0px;
}
#f-financial {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:110px 0px;
}
#f-business {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:110px 0px;
}
#f-givingback {
    background-image:url(/wp-content/uploads/dhss/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(/wp-content/uploads/dhss/img/fboxes_aging.png);
    background-position:290px 0px;
}
#f-aging:hover {
    background-color:#9c00ff;
    background-position:150px 0px;
}
#f-assistance {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_assistance.png);
    background-position:290px 0px;
}
#f-assistance:hover {
    background-color:#37597a;
    background-position:150px 0px;
}
#f-children {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_children.png);
    background-position:300px 0px;
}
#f-children:hover {
    background-color:#ff8400;
    background-position:130px 0px;
}
#f-disabilities {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_disabilities.png);
    background-position:290px 0px;
}
#f-disabilities:hover {
    background-color:#237abe;
    background-position:130px 0px;
}
#f-dph {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_dph.png);
    background-position:290px 0px;
}
#f-dph:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-medicaid {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_medicaid.png);
    background-position:290px 0px;
}
#f-medicaid:hover {
    background-color:#d51c1c;
    background-position:150px 0px;
}
#f-animal {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_animals.png);
    background-position:300px 0px;
}
#f-animal:hover {
    background-color:#5f370c;
    background-position:130px 0px;
}
#f-employment {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_employment.png);
    background-position:290px 0px;
}
#f-employment:hover {
    background-color:#14c9f6;
    background-position:150px 0px;
}
#f-servicectr {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_servicecenters.png);
    background-position:300px 0px;
}
#f-servicectr:hover {
    background-color:#64be04;
    background-position:130px 0px;
}
#f-financial {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_financial.png);
    background-position:290px 0px;
}
#f-financial:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-business {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_business.png);
    background-position:290px 0px;
}
#f-business:hover {
    background-color:#203f16;
    background-position:150px 0px;
}
#f-givingback {
    background-image:url(/wp-content/uploads/dhss/img/fboxes_volunteer.png);
    background-position:290px 0px;
}
#f-givingback:hover {
    background-color:#237abe;
    background-position:150px 0px;
}}
/* ############################################################################################## */