.nw-mastertemplate-sectioncomponent {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  margin: 0;
  height: 100%;
 
  &.nw-mt-hmt2 {
    align-items: flex-start;
  }
}

.nw-mastertemplate-subcomponent {
  padding: 0;
}

.nw-mastertemplate-sectioncomponent-titlecontainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}

.nw-mastertemplate-sectioncomponent-title {
  margin: 0;
  font-size: $master-component-section-title-font-size;
  font-family: $master-componentsectiontitle-fontfamily;
  line-height: 37px;
  letter-spacing: 0.7px;
}

.nw-mastertemplate-brushstroke {
  max-width: 230px;
  padding-top: 5px;
}

.nw-mastertemplate-sectioncomponent-subtitlecontainer {
  justify-content: center;
  display: flex;
}

.nw-mastertemplate-sectioncomponent-subtitle {
  margin: 0;
  padding: 8px 0 16px;
  font-size: $font-size-xs;
  text-align: center;
  letter-spacing: 1px;
}

// base paddings for component and sections
.nw-mt-component {
  width: 100%;
  padding: $mt-component-padding;
}

.nw-mt-sectionnextsection {
  margin: $mt-sectiontosection-margin;
}

.nw-mt-sectionnextcomponent {
  margin: $mt-sectiontocomponent-margin;
}

.nw-mt-componentnextsection {
  margin: $mt-componenttosection-margin;
}

.nw-mt-componentnextcomponent {
  margin: $mt-componenttocomponent-margin;
}
