/**
 * Made this cause I couldn't recreate the codekit build system on my PC.
 * Merge this into the actual css build system when possible
 */

/**
 * Basically just like like image fluid but makes the image 100% wide
 */
.img-expand {
	width:100%;
	height: auto;
}

/* Bootstrap centered column */
.col-centered.col-centered {
  float: none;
  margin: 0 auto;
}

.button-content {
  border:none;
  font-family: "freight-sans-pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;

  display: inline-block;
  position: relative;
  padding: 6px 22px;

  font-size: 82%;
  background: #E44725;
  color: #F7F3F1;
}

.button-content:hover,
.button-content:active,
.button-content:focus {
  background: #E44725;
  color: #F7F3F1;
}

.button-content:hover{
  background: #a82f15;
}

.querter_margin_top {
	margin-top: 1.640625em;
}

.half_margin_top {
	margin-top: 3.28125em;
}