@media (min-width: 576px) {
	.container-half {
		max-width: calc(540px / 2);
	}
}

@media (min-width: 768px) {
	.container-half {
		max-width: calc(720px / 2);
	}
	.container-half-md-left {
		margin-right: 0;
	}
}

@media (min-width: 992px) {
	.container-half {
		max-width: calc(960px / 2);
	}
}

@media (min-width: 1200px) {
	.container-half {
		max-width: calc(1140px / 2);
	}
}

@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
	@if $inset {
	  -webkit-box-shadow: inset $top $left $blur $color;
	  -moz-box-shadow: inset $top $left $blur $color;
	  box-shadow: inset $top $left $blur $color;
	}
  
	@else {
	  -webkit-box-shadow: $top $left $blur $color;
	  -moz-box-shadow: $top $left $blur $color;
	  box-shadow: $top $left $blur $color;
	}
  }
  
  @mixin text-field {
	display: inline-block;
	outline: none;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	@include rounded();
	@include box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
  }
  
  @mixin button($color: $red, $text_color: $white) {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	@include rounded();
	@include box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
	color: $text_color !important;
	font-weight: bold;
	border: solid 1px darken($color, 18%);
	background: $color;
	@include gradient(saturate($color, 15%), darken($color, 15%));
  
	&:hover {
	  text-decoration: none;
	  background: saturate($color, 10%);
	  @include gradient(saturate($color, 5%), darken($color, 5%));
	}
  
	&:active {
	  position: relative;
	  top: 1px;
	  color: saturate($color, 15%);
	  @include gradient(saturate($color, 15%), lighten($color, 15%));
	}
  }
  
  @mixin rounded($radius: 0.5em) {
	-webkit-border-radius: $radius;
	-moz-border-radius: $radius;
	border-radius: $radius;
  }
  
  @mixin gradient($from, $to) {
	background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
	background: -moz-linear-gradient(top, $from, $to);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
  }
  
  @mixin transition($transition) {
	-moz-transition: $transition;
	-o-transition: $transition;
	-webkit-transition: $transition;
	transition: $transition;
  }
  
  @media (min-width: 768px) {
	.navbar-centered .navbar-nav {
	  float: none;
	  text-align: center;
	}
  
	.navbar-centered .navbar-nav>li {
	  float: none;
	}
  
	.navbar-centered .nav>li {
	  display: inline;
	}
  
	.navbar-centered .nav>li>a {
	  display: inline-block;
	}
  }
  
  /*
	Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	Inspired from:  http://codepen.io/Rowno/pen/Afykb
  */
  
  .carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
  }
  
  .carousel-fade .carousel-inner .active {
	opacity: 1;
  }
  
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
  }
  
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
  }
  
  .carousel-fade .carousel-control {
	z-index: 2;
  }
  
  /*
	WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	Need to override the 3.3 new styles for modern browsers & apply opacity
  */
  
  @media all and (transform-3d),
  (-webkit-transform-3d) {
  
	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }