/* Basic Setup
----------------------------------------------- */

html {
  font-size: 14px;

  @include tablet() {
    font-size: $font-size-base;
  }
}

body {
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-family: 'Arial', sans-serif;
}

.page-content {
  overflow: hidden;
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.layout--left {
  @include desktop-lg {
    margin-left: $header-left-width;
    position: relative;
  }
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

a {
  transition: all 0.15s ease-in;
  text-decoration: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

/* Helper Classes
----------------------------------------------- */

.content--centered {
  text-align: center;
}

.content--narrow {
  max-width: $screen-sm;
  margin: 0 auto;
}
