openpower.foundation_sw_dev/themes/openpowerfoundation/assets/css/home.scss

.home.promo__section {
  min-height: 820px;
}
main { 
    &.home {
    @media screen and (max-width: $lg) {
      padding-top:50px;
      padding-bottom: 0;
    }

    @media screen and (min-width: $lg) and (max-width: $xl) {
      padding-top:70px;
    }
  }
}

.post__article {
  position: relative; 
  &:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.post__title {
  display: block;
  margin-top: 1em;
  &::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: ''; 
  }
}
.teaser {
  &__section {
    padding: 5.625rem 0; 
    &._dark {
      color: #fff;
      background-color: #1b1c1f; 

      @media screen and (max-width: $lg) {
        padding: 3.5rem 0; 
      }
    
      @media screen and (min-width: $lg) and (max-width: $xl) {
        padding: 4.4rem 0; 
      }
    }
    &._navy {
      background-color: #acc8fa; 
    }
  }
  &__title {
    margin-bottom: 1em; 

    @media screen and (max-width: $lg) {
      margin-top: 0.6em;
    }
  
    @media screen and (min-width: $lg) and (max-width: $xl) {
      margin-top: 0.8em;
    }
    
  }
  &__form {
    margin-top: 4.1em;

    @media screen and (max-width: $lg) {
      margin-top: 2em;
    }
  
    @media screen and (min-width: $lg) and (max-width: $xl) {
      margin-top: 3em;
    }
  }
  &__info {
    margin: 3.75rem 0;
    padding: 3.75rem 0;
    border-width: 1px;
    border-style: solid none;
    border-color: #1b1c1f;
  }
 }