.wrapper {
	background-image: url('../imgs/bg.jpg');
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	font-family: "Montserrat light";
}
h1 {
	font-style: italic;
}
form {
	background-color: rgba(11, 114, 119, 0.72);
	transform: skew(-5deg, -5deg);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	max-width: 490px;
	backface-visibility: hidden;
}
form > .content {
	transform: skew(5deg, 5deg);
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(11, 114, 119, 0.72) !important;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(11, 114, 119, 0.72) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(11, 114, 119, 0.72) !important;
}
input, textarea, button {
	color: rgba(11, 114, 119, 0.72) !important;
	border-radius: 0 !important;
}
#submit {
	text-align: center;
	text-decoration: none;
	border: 0;
	outline: 0;
	font-size: 1.1rem;
	padding: 10px 35px;
	display: inline-block;
	-webkit-transform: skew(21deg);
	transform: skew(21deg);
	border-radius: 0;
}
#submit > span {
	display: inline-block;
	-webkit-transform: skew(-21deg);
	transform: skew(-21deg);
}
.list-wrapper {
	display: inline-block;
	list-style: inside;
}

@media only screen and ( max-width: 767px ) {
	.wrapper {
		text-align: center !important;
		background-image: url('../imgs/bg-small.jpg');
		padding-top: 85px;
		padding-bottom: 85px;
	}
	form {
		transform: skew(0deg, -10deg);
	}
	form > .content {
		transform: skew(0deg, 10deg);
	}
}

ul:not(.list-unstyled) {
	list-style: none;
}
ul:not(.list-unstyled) li::before {
	content: '\25B3';
	padding-right: 5px;
}

.errors, .messages {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
.alert-semi-transparent {
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}
.absolute-top {
	position: absolute !important;
	top: : 0;
	z-index: 1;
	width: 100%;
}
.absolute-bottom {
	position: absolute !important;
	bottom: 0;
	z-index: 1;
	width: 100%;
}
.logo-wrapper > img {
	max-height: 50px;
}




@font-face {
	font-family: 'Gotham Narrow Book';
	font-style: normal;
	font-weight: normal;
	src: local('Gotham Narrow Book'), url('fonts/GothamNarrow-Book.woff') format('woff');
}

@font-face {
	font-family: 'Gotham Narrow Book Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Gotham Narrow Book Italic'), url('fonts/GothamNarrow-BookItalic.woff') format('woff');
}

@font-face {
	font-family: 'Gotham Narrow Black';
	font-style: normal;
	font-weight: normal;
	src: local('Gotham Narrow Black'), url('fonts/GothamNarrow-Black.woff') format('woff');
}

@font-face {
	font-family: 'Gotham Narrow Ultra';
	font-style: normal;
	font-weight: normal;
	src: local('Gotham Narrow Ultra'), url('fonts/GothamNarrow-Ultra.woff') format('woff');
}

@font-face {
	font-family: 'Gotham Narrow Ultra Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Gotham Narrow Ultra Italic'), url('fonts/GothamNarrow-UltraItalic.woff') format('woff');
}
/*
.font-ultra-italic {
	font-family: 'Gotham Narrow Ultra Italic';
}
.font-ultra {
	font-family: 'Gotham Narrow Ultra';
}
.font-black {
	font-family: 'Gotham Narrow Black';
}
.font-book {
	font-family: 'Gotham Narrow Book';
}
.font-book-italic {
	font-family: 'Gotham Narrow Book Italic';
}
.flex-wrapper {
	max-width: 100%;
	margin: 0 !important;
}


.right {
	flex: 0 0 100%;
}
.bottomright {
	flex: 1; 
}*/