//
// Default styles to the site
// If you want to define some defaulst yo the whole site do it here

// General text elements

body,
ol, ul, li,
dl, dt, dd,
address,
abbr, dfn,
blockquote, pre, code, kbd, samp, cite, q,
figcaption,
sub, sup, small,
p, h1, h2, h3, h4, h5, h6 {
  font: $dl-font-general;
  @if $dl-add-rem-units {
    font-size: #{$dl-f-size/16}rem;
  }
  color: $dl-f-color;
}

// h1,
.h1 {
  $size: 36; // px
  font-size: #{$size}px;
  @if $dl-add-rem-units {
    font-size: #{$size/16}rem;
  }
  line-height: 120%;

  // Responsive sample, you need to include your mixin
  /*@include media($tablet) {
    & {
      font-size: 24px;
    }
  }*/
}

// h2,
.h2 {
  $size: 24; // px
  font-size: #{$size}px;
  @if $dl-add-rem-units {
    font-size: #{$size/16}rem;
  }
  line-height: 125%;
}

// h3,
.h3 {
  $size: 18; // px
  font: normal 400 #{$size}px/130% Helvetica, Arial, sans-serif;
  @if $dl-add-rem-units {
    font-size: #{$size/16}rem;
  }
}

a {
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
}

// Responsive adjustement in end

//
// Tablet
//
/*@include media($tablet) {

}*/

//
// Mobile
//
/*@include media($mobile) {

}*/