@include respond-to(xs) {
  html, body { height: 100%; font-size: 62.5%; }
}
@include respond-to(md) {
  html, body { height: 100%; font-size: 62.5%; }
}
@include respond-to(lg) {
  html, body { height: 100%; font-size: 62.5%; }
}

body {
  position: relative;
  font: 16px/1.6 $font-body;
  color: $font-color;
  width: 100%;
  min-width: $min-width;
}
h1, h2, h3 {
  font-family: $font-heading;
  line-height: 1.3;
  margin-top: 0;
}
h4, h5, h6 { font-family: $font-heading; font-weight: bold; }
h3 { margin-bottom: $gutter/1.5; }
h4 { @extend .font-xlarge; }
h5 { @extend .font-large; }
h6 { @extend .font-medium; }
a, button, .btn-link, input[type="submit"] {
  outline: 0 !important;
}
img { max-width: 100%; }

ul {
  &.fa-ul li {
    margin-bottom: $gutter/2.5;
    .fa { margin-right: .5rem; }
  }
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}


ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1rem;
  -webkit-margin-after: 1rem;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

a, a:hover {
  outline: none;
  text-decoration: none;
  color: currentColor;
}

a:visited, a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none;
  color: currentColor;
}

hr {
  margin: $gutter 0;
  border-top: .1rem solid $light-gray;
}

mark { background: none; color: $font-highlight-color; }
abbr[title] { border: 0; }

#main {
  transition: .3s;
}

.main-blur {
  @include blur_image(.1rem);
}

.main-no-blur {
  @include blur_image(0);
}

.block { display:block; }
.inline-block { display:inline-block; }
.relative { position:relative; }
.absolute { position:absolute; }

.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.overflow-h { overflow: hidden }

.no-scroll { position: fixed; overflow-y:scroll }

.m-c { margin:0 !important; }

.m-a { margin:0 auto !important; }
.m-1-a { margin:$gutter auto !important; }
.m-2-a { margin:$gutter*2 auto !important; }
.m-3-a { margin:$gutter*3 auto !important; }
.m-4-a { margin: $gutter*4 auto !important; }
.m-5-a { margin: $gutter*5 auto !important; }
.m-1_2-a { margin:$gutter/2 auto !important; }
.m-1_3-a { margin:$gutter/3 auto !important; }
.m-1_4-a { margin:$gutter/4 auto !important; }
.m-3_4-a { margin:$gutter*3/4 auto !important; }

.m-b { margin-bottom: $gutter !important; }
.m-b-2 { margin-bottom: $gutter*2 !important; }
.m-b-3 { margin-bottom: $gutter*3 !important; }
.m-b-4 { margin-bottom: $gutter*4 !important; }
.m-b-5 { margin-bottom: $gutter*5 !important; }
.m-b-1_2 { margin-bottom: $gutter/2 !important; }
.m-b-1_3 { margin-bottom: $gutter*1/3 !important; }
.m-b-1_4 { margin-bottom: $gutter/4 !important; }
.m-b-3_4 { margin-bottom: $gutter*3/4 !important; }
.m-b-c { margin-bottom:0 !important; }

.m-t { margin-top: $gutter !important; }
.m-t-2 { margin-top: $gutter*2 !important; }
.m-t-3 { margin-top: $gutter*3 !important; }
.m-t-4 { margin-top: $gutter*4 !important; }
.m-t-5 { margin-top: $gutter*5 !important; }
.m-t-1_2 { margin-top: $gutter/2 !important; }
.m-t-1_3 { margin-top: $gutter*1/3 !important; }
.m-t-1_4 { margin-top: $gutter/4 !important; }
.m-t-3_4 { margin-top: $gutter*3/4 !important; }
.m-t-c { margin-top:0 !important; }


.padd { padding: $gutter; }
.padd-2 { padding: $gutter*2; }
.padd-3 { padding: $gutter*3; }
.padd-4 { padding: $gutter*4; }
.padd-5 { padding: $gutter*5; }
.padd-1_2 { padding: $gutter/2; }
.padd-1_3 { padding: $gutter/3; }
.padd-1_4 { padding: $gutter/4; }
.padd-3_4 { padding: $gutter*3/4; }
.padd-c { padding: 0; }

.padd-side { padding: 0 $gutter;}
.padd-side-2 { padding: 0 $gutter*2; }
.padd-side-3 { padding: 0 $gutter*3; }
.padd-side-4 { padding: 0 $gutter*4; }
.padd-side-5 { padding: 0 $gutter*5; }
.padd-side-1_2 { padding: 0 $gutter/2; }
.padd-side-1_3 { padding: 0 $gutter/3; }
.padd-side-1_4 { padding: 0 $gutter/4; }
.padd-side-3_4 { padding: 0 $gutter*3/4; }
.padd-side-c { padding-left: 0 !important; padding-right: 0 !important; }

.padd-l { padding-left: $gutter; }
.padd-l-2 { padding-left: $gutter*2; }
.padd-l-3 { padding-left: $gutter*3; }
.padd-l-4 { padding-left: $gutter*4; }
.padd-l-5 { padding-left: $gutter*5; }
.padd-l-1_2 { padding-left: $gutter/2; }
.padd-l-1_3 { padding-left: $gutter/3; }
.padd-l-1_4 { padding-left: $gutter/4; }
.padd-l-3_4 { padding-left: $gutter*3/4; }
.padd-l-c { padding-left: 0; }

.padd-r { padding-right: $gutter; }
.padd-r-2 { padding-right: $gutter*2; }
.padd-r-3 { padding-right: $gutter*3; }
.padd-r-4 { padding-right: $gutter*4; }
.padd-r-5 { padding-right: $gutter*5; }
.padd-r-1_2 { padding-right: $gutter/2; }
.padd-r-1_3 { padding-right: $gutter/3; }
.padd-r-1_4 { padding-right: $gutter/4; }
.padd-r-3_4 { padding-right: $gutter*3/4; }
.padd-r-c { padding-right: 0; }

.padd-t { padding-top: $gutter; }
.padd-t-2 { padding-top: $gutter*2; }
.padd-t-3 { padding-top: $gutter*3; }
.padd-t-4 { padding-top: $gutter*4; }
.padd-t-5 { padding-top: $gutter*5; }
.padd-t-1_2 { padding-top: $gutter/2; }
.padd-t-1_3 { padding-top: $gutter/3; }
.padd-t-1_4 { padding-top: $gutter/4; }
.padd-t-3_4 { padding-top: $gutter*3/4; }
.padd-t-c { padding-top: 0; }

.padd-b { padding-bottom: $gutter; }
.padd-b-2 { padding-bottom: $gutter*2; }
.padd-b-3 { padding-bottom: $gutter*3; }
.padd-b-4 { padding-bottom: $gutter*4; }
.padd-b-5 { padding-bottom: $gutter*5; }
.padd-b-1_2 { padding-bottom: $gutter/2; }
.padd-b-1_3 { padding-bottom: $gutter/3; }
.padd-b-1_4 { padding-bottom: $gutter/4; }
.padd-b-3_4 { padding-bottom: $gutter*3/4; }
.padd-b-c { padding-bottom: 0; }

.padd-t-b { padding: $gutter 0; }
.padd-t-b-2 { padding: $gutter*2 0; }
.padd-t-b-3 { padding: $gutter*3 0; }
.padd-t-b-4 { padding: $gutter*4 0; }
.padd-t-b-5 { padding: $gutter*5 0; }
.padd-t-b-1_2 { padding: $gutter/2 0; }
.padd-t-b-1_3 { padding: $gutter/3 0; }
.padd-t-b-1_4 { padding: $gutter/4 0; }
.padd-t-b-3_4 { padding: $gutter*3/4 0; }
.padd-t-b-c { padding-top: 0; padding-bottom: 0; }

.btn_padding_mid {
  padding: $gutter/4 $gutter*2;
  @extend .font-medium;
}

.bordered { border:0.1rem solid #ddd; }

.caps { text-transform: uppercase; }
.font-light { font-weight: 300; }
.font-normal { font-weight:normal !important; }

.w_3 { width:3% !important; }
.w_5 { width:5% !important; }
.w_10 { width:10% !important; }
.w_20 { width:20% !important; }
.w_25 { width:25% !important; }
.w_30 { width:30% !important; }
.w_33 { width:33% !important; }
.w_40 { width:40% !important; }
.w_50 { width:50% !important; }
.w_60 { width:60% !important; }
.w_70 { width:70% !important; }
.w_80 { width:80% !important; }
.w_90 { width:90% !important; }
.w_100 { width:100% !important; }
.w_auto { width:auto !important; }

.h_3 { height:3% !important; }
.h_5 { height:5% !important; }
.h_10 { height:10% !important; }
.h_20 { height:20% !important; }
.h_25 { height:25% !important; }
.h_30 { height:30% !important; }
.h_33 { height:33% !important; }
.h_40 { height:40% !important; }
.h_50 { height:50% !important; }
.h_60 { height:60% !important; }
.h_70 { height:70% !important; }
.h_80 { height:80% !important; }
.h_90 { height:90% !important; }
.h_100 { height:100% !important; }
.h_auto { height:auto !important; }

.h_100_vh { height: 100vh; }
.h_100 { height:100%; }

.font-mini { font-size:1.1rem !important; }
.font-small { font-size:1.3rem !important; }
.font-medium { font-size:1.6rem !important; }
.font-large { font-size:1.8rem !important; }
.font-xlarge { font-size:2.2rem !important; }
.font-2xlarge { font-size:2.8rem !important; }
.font-3xlarge { font-size:3rem !important; }
.font-4xlarge { font-size:3.8rem !important; }
.font-5xlarge { font-size:5.0rem !important; }
.font-6xlarge { font-size:6.0rem !important; }

.font-light { font-weight: 100; }
.font-300 { font-weight: 300; }
.font-bold { font-weight: 700; }
.font-italic { font-style: italic; }

.text-primary { color: $blue !important; }
.text-danger { color: $red !important; }

.text-white { color: $white !important; }
.text-black { color: $black !important; }
.text-orange { color: $orange !important; }
.text-blue { color: $blue !important; }
.text-grey { color: $gray; }
.text-light-grey { color: $light-gray; }

.pull-none { float: none; }
.media > .pull-left { margin-right: $gutter*2; }
.media > .pull-right { margin-left: $gutter*2; }

.float_l { float: left; }
.float_r { float: right; }

.btn {
  border-radius: 0;
  border: .1rem solid $black;
}

.vertical-relative-center {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-absolute-center {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.table { display:table; }
.table-row { display:table-row; }
.table-cell { display:table-cell; }

.bg-blur {
  @include blur_image(1rem);
}

.cover-black:after {
  @extend .image-bg;
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
}

.cover-white:after {
  @extend .image-bg;
  content: '';
  background-color: rgba(255, 255, 255, 0.4);
}

.cover-origin:after {
  @extend .image-bg;
  content: '';
  background-color: rgba(255, 255, 255, 0);
}

.image-bg {
  position: absolute !important;
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
  overflow: hidden;
  z-index: $cover-image-index !important;
}

.cover-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa {
  display: inline-block;
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.well {
  background: $white;
  border-color: #ececec;
}
.well {
  min-height: 2rem;
  padding: 1.9rem;
  margin-bottom: 2rem;
  background-color: #f5f5f5;
  border: .1rem solid #e3e3e3;
  border-radius: .8rem;
  -webkit-box-shadow: inset 0 .1rem .1rem rgba(0,0,0,0.05);
  box-shadow: inset 0 .1rem .1rem rgba(0,0,0,0.05);
}