@font-face {
  font-family: 'audiolith';
  src:  url('../fonts/audiolith.eot?rkpaha');
  src:  url('../fonts/audiolith.eot?rkpaha#iefix') format('embedded-opentype'),
    url('../fonts/audiolith.ttf?rkpaha') format('truetype'),
    url('../fonts/audiolith.woff?rkpaha') format('woff'),
    url('../fonts/audiolith.svg?rkpaha#audiolith') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'audiolith' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-audiolith-logo:before {
  content: "\e904";
}
.icon-twitter-logo:before {
  content: "\e900";
}
.icon-instagram-logo:before {
  content: "\e901";
}
.icon-facebook-logo:before {
  content: "\e902";
}
.icon-audiolith-handlogo:before {
  content: "\e903";
}
.icon-amazonde-logo .path1:before {
  content: "\e92a";
  color: rgb(246, 137, 30);
}
.icon-amazonde-logo .path2:before {
  content: "\e92b";
  margin-left: -3.5556640625em;
  color: rgb(246, 137, 30);
}
.icon-amazonde-logo .path3:before {
  content: "\e92c";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path4:before {
  content: "\e92d";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path5:before {
  content: "\e92e";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path6:before {
  content: "\e92f";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path7:before {
  content: "\e930";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path8:before {
  content: "\e931";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-amazonde-logo .path9:before {
  content: "\e932";
  margin-left: -3.5556640625em;
  color: rgb(35, 31, 32);
}
.icon-spotify-logo:before {
  content: "\e933";
  color: #000;
}

body {
	font-family: 'Poppins', 'Helvetica-Neue bold', sans-serif;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	background-color: #888;
}
body.in-transition {
  transition: transform 900ms ease;
}
a:link,
a:visited {
	text-decoration: none;
	color: #e62e2e
}
a:hover,
a:active {
	color: #c91919
}
.header {
	position: relative;
	min-height: 800px;
	height: 100vh;
	width: 100vw;
	max-width: 2000px;
	background: #000 url("../img/intro_mauser.jpg") no-repeat center 33%;
	background-size: cover;
}
.hide { display: none }
.centered {
	text-align: center;
}
h1 {
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.75em;
	margin: 0;
}
h1 span {
	font-size: 1.6em
}
h1 a:link,
h1 a:visited { color: #000 }
h2,h3,h4 {
	font-family: 'Poppins';
	font-weight: normal;
	font-weight: 700;
	text-transform: uppercase;
}
.intro {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 20%;
}
.intro.mauser {
	top: inherit;
	bottom: 10%
}
.intro_name,
.intro_album {
	max-width: 360px;
	height: auto;
}
.cover img {
	width: 100%;
	height: auto;
	display: block;
}
section.captain {
	background: #c3e2ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #c3e2ea 0%, #cacccd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c3e2ea 0%,#cacccd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c3e2ea 0%,#cacccd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e2ea', endColorstr='#cacccd',GradientType=0 ); /* IE6-9 */
}
.pre-order,
.centered {
	text-align: center;
}
.pre-order h2,
.pre-order h3 {
	font-size: 2em;
	line-height: 1em;
	margin: 25px 0 0 0;
}
.pre-order h3 {
	margin-top: 0;
	color: #c33242
}
.mauser .pre-order h3 {
	color: #00a1e5
}
.social a:link,
.social a:visited {
	color: #000;
	font-size: 2.5em;
}
.social a:hover {
	color: #c33242
}
.mauser .social a:hover {
	color: #00a1e5
}
.pre-order-box {
	margin-top: 60px
}
.pre-single,
.pre-double {
	display: inline-block;
	margin: 0 15px
}
.pre-single a {
	color: #000;
	font-size: 6em;
}
.pre-double img {
	height: 40px;
	width: auto;
	margin-top: 15px
}
.pre-double [class^="icon-"] {
	font-size: 2em;
}
.pre-single img {
	vertical-align: top;
	max-height: 90px;
	width: auto;
}
section.mauser {
	background-color: #fafafa
}
section.tour {
	background-color: #000;
	color: #fff;
}
section.support {
	background-color: #fff
}
.tour h2 {
	text-align: center;
	font-size: 3em
}
.dates {
	width: 375px;
	text-align: left;
	margin: 20px auto;
}
.date {
	display: inline-block;
	width: 160px;
}
.presented {
	margin: 40px auto;
}
.presented img {
	vertical-align: middle;
	max-width: 180px;
	height: auto;
	padding: 10px 20px
}
.support p {
	line-height: 1.8em;
	text-align: center
}
.support img {
	max-width: 320px;
	height: auto;
}

@media (max-width: 768px) {
h1 { font-size: 1.15em; }
h1 span { font-size: .1.2em }
.intro_name, .intro_album { max-width: calc(100vw - 40px); }
.col-group { padding: 0 }
.cover { padding: 0 }
.pre-order h2, .pre-order h3 { font-size: 1.5em }
.dates { width: calc(100% - 40px); }
.date { width: 100%; display: block }
.presented img { max-width: 140px; padding: 5px 20px }
.support img { max-width: 290px }
}

@media (max-width: 768px) and (orientation: landscape) {
.intro_name,
.intro_album { max-width: calc(55vw - 40px); }
.dates { width: 55vw }
.date { width: 140px; display: inline-block }
}