.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.aligncenter {
	display: block;
	margin: 10px auto;
}
.alignleft {
	float: left;
	margin: 10px 20px 10px 0px;
}
.alignright {
	float: right;
	margin: 10px 0px 10px 20px;
}

// Typo
.responsive-txt {
	font-size: calc(1em + 1vw);
}

// CSS effects
.text-shadow {
  text-shadow: 0px 2px 4px rgba($black, 0.5);
}

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%);
}
.grayscale-none {
  filter: none; /* Firefox 10+, Firefox on Android */
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0%);
}
.box-shadow {
  box-shadow: 0 2px 34px rgba($black,.06);
}
.box-shadow-heavy {
  box-shadow: 0 2px 34px rgba($black,.2);
}
