h1, .h1 {
   font-size: $h1;
   @include desktop-xl {
      font-size: $h1-lg;
   }
   @include desktop {
      font-size: $h1-md;
   }
   @include tablet {
      font-size: $h1-sm;
   }
}
h2, .h2 {
   font-size: $h2;
   @include desktop {
      font-size: $h2-md;
   }
   @include tablet {
      font-size: $h2-sm;
   }
}
h3, .h3 {
   font-size: $h3;
   @include desktop {
      font-size: $h3-md;
   }
   @include tablet {
      font-size: $h3-sm;
   }
}
h4, .h4 {
   font-size: $h4;
   @include tablet {
      font-size: $h4-sm;
   }
}
h5, .h5 {
   font-size: $h5;
}
h6, .h6 {
   font-size: $h6;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
   line-height: 1.4;
   font-family: $font-primary;
   color: $dark;
}
a:focus,
button:focus {
	outline: 0;
}
a {
   color: $black;
   transition: all .3s;
   text-decoration: none;
   &:hover {
      color: $black;
   }
}
ul, li {
	padding: 0;
   margin: 0;
   list-style-position: inside;
}