html, body {
	height: 100%;
	position: relative;
	box-shadow: 0 0 200px rgba(207, 189, 155, 0.27) inset;
	color: #f2e3c7;
	font-family: "Lucida Sans Unicode", Verdana;
	background: #665feel;
	background-image: -webkit-linear-gradient(45deg, rgb(7, 17, 64) 0%, rgb(50, 33, 29) 100%);
	overflow-x: hidden
}

@font-face {
	font-display: swap
}

.flex-grow {
	flex: 1
}

a, a:hover, a:active {
	color: #cfbd9b
}

.h-05 {height: 0.5% !important}
h1 {font-size: 5rem !important}
.padding40 {padding: 40px}
.navbar-default .navbar-toggle {border: 0}
.navbar-light .navbar-nav .nav-link {color: #cfbd9b}
.navbar-light .navbar-brand, .navbar-light:hover .navbar-brand:hover {color: #cfbd9b}
.nav li > a {padding: 20px}

.navbar li {
	font-size: 16px;
	text-transform: small-caps;
	margin-right: 25px
}

.navbar, .navbar-collapse {
	border: 0;
	background: none;
	padding-top: 10px
}

ul.nav.navbar-nav.navbar-right li a:hover, ul.nav.navbar-nav.navbar-right li.active a {
	color: #b4a587;
	background: none;
	border-bottom: 1px solid #b4a587
}

.footer {
	color: ; #071136
	font-size: 13px;
	padding: 20px
}

.customBackground {
	min-height: 110%;
	min-width: 110%;
	left: -50px;
	background-color: #29251f;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
	z-index: 1041;
	color: #cfbd9b;
	position: relative
}

.resetTextRotation {
	transform: rotate(4deg) !important;
	max-width: 92%;
	left: 50px
}


@media (min-width: 300px) and (max-width: 767px) {
	h1 {font-size: 3em !important}

	.navbar-brand {
		white-space: normal !important
	}

	.customBackground {
		min-height: 80%;
		min-width: 140%;
		left: -40px;
		background-color: #29251f;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: 1041;
		color: #cfbd9b;
		position: relative
	}

	.resetTextRotation {
		transform: rotate(4deg) !important;
		max-width: 70%
	}
}