// Type

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 16px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }

b,
strong{
  font-weight: 500;
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

img{
  max-width: 100% !important;
  max-height: 100% !important;
}
  
a{
  color: $color-secondary;
  @include transition(all, .1s ease-in-out);
  &, &:hover, &:focus, &:active, &:visited{
    text-decoration: none;
    color: $color-secondary;
  }
  &.h-udl{
    &:hover{
      text-decoration: underline;
    }
  }
  &.udl{
    text-decoration: underline;
  }
}