/***************
GLOBAL STYLES
***************/

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

body {
  font-family: $sans-serif;
  font-weight: 300;
  line-height: 1.75;
  font-size: 100%; // 18px base font size
  color: black;
  overflow-x: hidden;
  margin: 0;

  @include min(md) {
    font-size: 112.5%;
  }

  p,
  ul {
    margin: 0 0 2rem;
  }
}

// Text Selection Styling
::-moz-selection {
  background: $primary-color;
  color: white;
}

::selection {
  background: $primary-color;
  color: white;
}

/***************
MEDIA
***************/

// Media Styling
img,
video,
audio,
iframe,
object {
  max-width: 100%;
}