/* Content w/ Images customizable root variables */
:root {
    --hsd-accent-background-color: #FFF;
    --hsd-accent-text-color: #000;
    --hsd-section-margin: 0px;
    --hsd-content-padding: 4rem;
    --hsd-content-margin: 1rem;
    }
    
    /* Content w/ Images styles */
    .hsd-section {
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
        justify-items: center;
        margin: var(--hsd-section-margin);
    }
    .hsd-section-image {
        width: 100%;
        height: 100%;
        grid-row-start: 2;
    }
    .hsd-section-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hsd-section-paragraph {
        margin: var(--hsd-content-margin);
        padding: var(--hsd-content-padding);
        grid-row-start: 2;
    }
    .hsd-left {
      grid-column-start: 1;
    }
    .hsd-right {
      grid-column-start: 2;
    }
    .hsd-accent {
         color: var(--hsd-accent-text-color);
         background-color: var(--hsd-accent-background-color);
    }
    
    /* Content w/ Images Styles mobile-view adjustments */
    @media screen and (max-width: 720px) {
    .hsd-section {
        display: block; 
        z-index: 9999; 
        height: auto;
    }
    .hsd-section-paragraph {
        margin: 1rem; 
        padding: 1rem;
    }
    }
    /* overview section */
.hsd-overview {
    background: #000000;
    max-width:1050px;
    width:100%;
    margin:1rem auto;
    padding:2em;
    padding-bottom: 4rem;
    text-align: center;
    color:white;
  }
  .hsd-overview ul {
    text-align:left;
    max-width:850px;
    margin:0 auto;
  }

  .revwid-container .revwid-box {
    height: 100%;
}