@font-face {
	font-family: mazzard;
	/*src: url(../fonts/made_saonara/saonara.otf);*/
	/*src: url(../fonts/Tinos/Tinos-Regular.ttf);*/
	src: url(../fonts/Mazzard/MolitorVariable-Trial.ttf);
	/*src: url(../fonts/Times-New-Roman/times-new-roman.ttf);*/
	src: url(../fonts/apercu/apercu_mono.otf);
}

@font-face {
	font-family: saonara;
	src: url(../fonts/made_saonara/saonara.otf);
}

body {
	margin: 0;
	padding: 0;
	font-family: mazzard;
	font-size: 1.125em;
}

.main-content {
	height: calc(100% - 80px);
	/*background-color: rgb(220 221 236);*/
	background-image: url(../images/background.png);
	background-position: 0% 6%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-size: cover;
}

.header {
	display: flex;
	text-align: right;
	justify-content: flex-end;
}

.logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 20px;
}

.logo img {
	width: 400px;
}

.header-text {
	text-align: right;
	font-family: saonara;
	font-size: 2.6em;
	margin-right: 1em;
}

.header-text div {
	    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex;
}

.header-text p {
	margin: 0;
}

a {
	/*color: rgb(131, 143,195);*/
	color: black;
	text-decoration: none;
}
a:visited {
	color: black;
}
a:hover {
	text-decoration: underline;
}

.main-content-text {
	width: 900px;
	margin: 50px;
	font-size: 21px;
	text-align: right;
}

.main-content-text p:last-child {
	margin-bottom: 0px;
}

@media only screen and (max-width: 800px) {
	.main-content {
		padding: 0 10px;
		    align-items: center;
    justify-content: center;
		/*background-size: auto; 
		background-image: url(../images/background.png), url(../images/background.png);
		background-position: -6% -20%, 16% 250%;
		background-size: 297%, 196% !important;*/
	}

	.main-content-text {
		width: auto;
		    text-align: center;
		margin-top: -25px;
		font-size: initial;
	}

	.logo img {
		width: 200px;
	}
	
	.header-text {
		font-size: 1.525em;;
	}
	
	.header-text  img {
	width: 22px !important;
	margin-bottom: -4px !important;
	}
}

/*@media only screen and (max-width: 1400px) {
	.main-content {
		background-size: cover;
	}
}*/