.component {
  &__title {
    margin-bottom: @component-title-margin;
    .component-title;
    color: @heading-color;
    font-weight: 700;
    color: @denim-blue;
    @media screen and (min-width: 800px){
      font-size: 2rem;     
      // margin-left: 1.5%;
      margin-bottom: 0.75em;
  }
    @media screen and (min-width: 1024px){
      font-size: 3.4vw !important;   
    }
    @media screen and (max-width: 850px){
      font-size: 2rem;           
      margin-bottom: 5%;
      // margin-left: 5%;
    }
  }

  &__body {
    margin-bottom: 0;
  }

  &__instruction {
  
    margin-bottom: @component-instruction-margin;
    font-size: 1.1rem !important;
    font-weight: normal !important;
    @media screen and (max-width: 896px){
      font-size: 1rem !important;
    }
    .instruction-text;
    color: #000;
    font-weight: normal !important;  
    margin-top: 10px;
  }

  &__body a,
  &__instruction a {
    .link-text;
    color:inherit;
    font-size: 1em;
  }

  @media (max-width: @device-width-medium) {
    &.is-left {
      padding-bottom: @block-padding-ver;
    }
  }
}
