.banner__heading {max-width:600px!important;}
.banner__description {max-width:unset!important;margin-top:1.5em;}

.phone:nth-of-type(2n) img.phone-icon {
    filter: saturate(4);
}
.resources > div {
    width: 100%;
    display: inline-block;
    padding: 1em;
     margin:0!important;
   overflow-wrap:break-word;
}
div.help-table {
    font-size: 1.2rem;
}
div.help-table > div {padding:1em;vertical-align:top;}
div.help-table > div:nth-of-type(2n) {
    background: #d6cecb;
}
.resources > div {padding:1em;}
.resources > div:nth-of-type(2n) {
    background: #d6cfcd;
}

img.stop {
    max-width: 200px;
    float: left;
    margin-right: 2em;
}
.white-text h2 {color:#ffffff;}
.white-text a.button {
    color: #ffffff;
    padding: 10px;
    background: #3e291f;
    border-radius: 10px;
    border-bottom-color: #80fff2 !important;
line-height: 40px;
}
.white-text a.button:hover {
    background: black !important;
    color: #ffffff !important;
}

.rounded {border-radius:20px;padding:2em;}
.white-text {color:#ffffff; text-shadow: -3px 1px 6px #3e291f;}

.main-header__site-title img {
    max-height: 100px;
}

.

.phone, .nys {text-align:center;    padding: 1em;}
.phone-icon, .nys-icon {max-width:85px;}
.phone h3{
    font-family: arial narrow;
    color: #7a4e43;
}

.block.block-html.phone, .block.block-html.nys {text-align:center;}

.nys:nth-of-type(2n) img.nys-icon {
    filter: brightness(0.6);
}
.nys:nth-of-type(2n) h3 {
 filter:brightness(0.6);
}

.nys h3 {font-family:arial narrow; color:#3c3c9e;font-size:1.8em; margin-bottom:5px;}
.nys p a {
    color: #45b8eb;
}


/*take out sticky header*/
.main-header {
    position: absolute;
}
/*take off last link off footer navigation*/ 
.main-footer__col2 .navigation li:last-of-type {
    display: none;
}
/*button in footer*/
.mental-health-button{
    background-color: #2b2b2b;
    border-radius: 25px;
    padding: 8px 10px;
    bottom: 5px;
    color: #ffffff;
    text-transform: uppercase;
   text-decoration:none;
    white-space: nowrap;
}

@media (min-width: 1024px) {
   
 .main-header__site-title img {
        max-height: 200px!important;
    }
     .main-header__site-title a {
            padding: 5px!important;
        }
}

.main-navigation .navigation>li>a {
    width: auto !important;
    text-transform: capitalize;
} 
.main-navigation .navigation>li:first-of-type>a {
    text-transform: lowercase;
    font-size: 1.2rem;
    font-weight: bold;
    color: #7a4e43;
    bottom: 4px;
}

.main-navigation .navigation>li:last-of-type>a {
    background-color: #2b2b2b;
    border-radius: 25px;
    padding: 8px 10px;
    bottom: 5px;
    color: #ffffff;
    text-transform: uppercase;
}
.four-up {
    display: flex;
    column-gap: 3em;
margin-bottom:3em;
margin-top:3em;
}
.four-up h2 {
    font-size: 4rem;
    font-family: 'Open Sans';
    font-weight: 700;
}


@media  (max-width:650px) {
.phone, .nys {
    border-bottom: 2px solid #e0e0e0;
}
       .four-up .block.block-html {
                width: 100%;
                margin-right:0em;
        }
      .four-up {
            display: block;
      }
         three-up .block.block-html {
                width: 100%;
                margin-right:0em;
        }
      .three-up {
            display: block;
      }
       .four-up .assets {margin-left:0em;}
      .four-up .assets img {max-width:250px;}
}
@media (min-width:981px) {
        .four-up .block.block-html {
              width: 25%;
}
}
@media (min-width:651px) and (max-width:980px) {
          .four-up {
            display: block;
      }
        .four-up .block.block-html {
              width: 50%;
              float: left;
           }
   .three-up {
            display: block;
      }
        .three-up .block.block-html {
              width: 50%;
              float: left;
           }

}
@media (max-width:1220px) {
        .two-up .block.block-html {
              width: 100%!important;
        }
}

   .three-up {
            display: block;
      }
        .three-up .block.block-html {
              width: 33%;
              float: left;
        }

   .two-up {
            display: block;
      }
        .two-up .block.block-html {
              width: 50%;
              float: left;
        }

hr.short-line {
    width: 25%;
    height: 2px;
    background: #7a4e43;
}
p.all-caps {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.menu-drawer {background-color:var(--primary)!important;}

.caption { font-style:unset;}

    @media screen and (min-width: 800px) {
        .three-up .link-as-showcase .resource.item {
            width: 33% !important;
        }
    }

.dark-box h1,.dark-box h2,.dark-box h3,.dark-box p {
    color: #ffffff!important;
}