@font-face {
	font-family: 'Dwarven';
	src: url('../fonts/DWARVESC.TTF');
}

@font-face {
	font-family: 'Potsdam';
	src: url('../fonts/Potsdam.TTF');
}

@font-face {
	font-family: 'Aachen';
	src: url('../fonts/Aachen Bold Plain.ttf');
}

@font-face {
	font-family: 'Dirty';
	src: url('../fonts/dirtyoldtown.ttf');
}

html, body {
  width: 100%;
  height: 100%;
}

* {
	box-sizing: border-box;
}

a {
	/*text-decoration: none !important;*/
	color: rgba(255, 255, 255, .5);
}

a:hover {
	color: rgba(255, 255, 255, .8);
}

body {
	color: white;
	font-family: 'Catamaran', sans-serif;
	font-weight: lighter;
	font-size: 1.5em;
	/*background-image: url('../../assets/bg.jpg');*/
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	position: relative;
}

body:before {
	content: '';
	position: fixed;
	left: 0; top: 0;
	right: 0; bottom: 0;
	background-color: rgba(0,0,0,1);
	z-index: -1;
}

h1 {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.8em;
	margin: 0;
}

ul, ol {
	padding-left: 20px;
}

ui-view {
	display: block;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex.valign {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex.valign {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex.wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex.justify {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex.column {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;

	min-width: 0;
}

.btn-group > button {
	padding: 10px 10px;
	border-radius: 0;
	background-color: rgba(255, 255, 255, .1);
	border: none;
	margin: 0;
	float: left;
}

.btn-group > button:hover {
	background-color: rgba(255, 255, 255, .5);
}

.btn-group > button.active {
	background-color: rgba(255, 255, 255, .7);
}

.btn-group > button + button {
	margin-left: 1px;
}

.flexbox {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-1 {
	flex: 1;
}

.flex-align-center {
	align-items: center;
}