/* karla-regular - latin */
@font-face {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			 url('../fonts/karla-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/karla-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* karla-700 - latin */
@font-face {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	src: local(''),
			 url('../fonts/karla-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/karla-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html {
	font-family: Karla, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.45em;
	height: 100%;
}

body {
	background-color: #cdbad7;
	color: #040404;
	height: 100%;
	margin: 0;
}

h1 {
	font-size: 47pt;
	line-height: 37pt;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}

a,
a:active {
	text-decoration: underline;
	color: #040404;
}
a:hover,
a.invisible {
	text-decoration: none;
	color: #040404;
}

#main {
	max-width: 900px;
	min-height: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#top h1 {
	margin: 15px 25px;
	display: inline-block;
}

#center {
	height: 2px;
	text-align: right;
}
	#center .content {
		position: relative;
		display: inline-block;
		text-align: left;
		min-height: 270px;
		margin: -135px 40px 0 40px;
		vertical-align: top;
	}
	#center .line {
		display: block;
		background-image: linear-gradient(90deg, #1d1d1b 0, #1d1d1b 5px, transparent 5px, transparent 8px);
		background-repeat: repeat-x;
		background-size: 8px 2px;
		background-position: 100% 0;
		height: 2px;
		position: absolute;
		margin-top: -1px;
		top: 50%;
		right: 100%;
		width: 2000px;
		max-width: 100vw;
	}
	#center img {
		display: inline-block;
		vertical-align: middle;
	}
	#center .info {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 270px;
		min-height: 270px;
		border-radius: 50%;
		background-image: linear-gradient(45deg, #ccaadf 15%, #fbdacc 85%);
		text-align: center;
	}
		#center .info p {
			display: inline-block;
			text-align: left;
			color: #000;
			line-height: 20pt;
			text-transform: uppercase;
			font-weight: 700;
			margin-top: 70px;
			letter-spacing: .25em;
		}

#bottom {
	margin: 23px 0 15px 31.5%;
}
#bottom .minwidth {
	display: inline-block;
	min-width: 2.5em;
}

@media only screen and (max-width: 800px) {
	#top, #bottom {
		margin: 25px;
	}
	#top h1 {
		display: block;
		margin: 0;
	}
	#center {
		margin: 0;
		height: auto;
		text-align: center;
	}
	#center .content {
		margin: 0;
	}
	#bottom {
		margin: 25px auto;
	}
}

@media only screen and (max-width: 540px) {
	html {
		font-size: 7.5pt;
	}
	h1 {
		font-size: 29pt;
		line-height: 22pt;
	}
	#center .content {
		min-height: 135px;
	}
	#center img {
		width: 56px;
		height: auto;
	}
	#center .info {
		width: 168px;
		min-height: 168px;
	}
		#center .info p {
			line-height: 12.5pt;
			margin-top: 45px;
		}
}