/***************************************^ Direct Impacts Page Settings *******************************************/
.form-switch .form-check-label{
    font-size:x-large; /* Switch off if possible */
  }
  .form-switch .form-check-input{
    transform: scale(1);
    margin-right:10px;
    margin-top:10px;
    align-self:center;
  }
  .form-switch .form-check-input:checked{
    background-color:var(--accent-color);
  }
#age-visual-toggle-buttons{
  font-size:large;
  min-height:60px;
}

#age-plot{
    height:25rem !important;
    margin: 0 auto;
}
@media(max-width:516px){
#age-plot{
    height:20rem !important;
}
}
#age-table{
  width:100% !important;
}

@media(max-width:375px){
#direct-modal{
    width:100%!important;
}
}

#zipcode-plot{
  height:450px !important;
}

#clients-served-plot, #race-plot, #ethnicity-plot, #gender-plot{
  height:450px;
}