//
// Typography
// --------------------------------------------------

// Body reset
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}



body {
 font-family: 'Roboto', sans-serif;
     font-weight: 300!important;
}

//Headings
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: $headings-font-family;
  font-weight: 300;
  line-height: $headings-line-height;

  a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
  }
}

h1,
.h1 {
  font-size: $font-size-h1;
}
h2,
.h2 {
  font-size: $font-size-h2;
}
h3,
.h3 {
  font-size: $font-size-h3;
}
h4,
.h4 {
  font-size: $font-size-h4;
}
h5,
.h5 {
  font-size: $font-size-h5;
}
h6,
.h6 {
  font-size: $font-size-h6;
}

// Links
a {
  color: $link-color;
  text-decoration: none;

  &:hover,
  &:focus {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
}

// Figures
//
// We reset this here because previously Normalize had no `figure` margins. This
// ensures we don't break anyone's use of the element.
figure {
  margin: 0;
}
h1.heading{
  font-size: 60px;
  color: #0D2D40;
  position: relative;
  padding-bottom: 80px;
  &::after{
    content: '';
    position: absolute;
    width: 50px;
    border-top: 2px solid #E7AC45;
    bottom: 40px;
    left: 0;
  }
  &.center-after{
    &::after{

      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
h2.heading{
  font-size: 30px;
  color: #0D2D40;
  position: relative;
  padding-bottom: 80px;
  &::after{
    content: '';
    position: absolute;
    width: 50px;
    border-top: 2px solid #E7AC45;
    bottom: 40px;
    left: 0;
  }
}
.fs-20{
  font-size: 20px;
}