@font-face {
	font-family: 'millerdisplayroman';
	src: url('../webfonts/miller_display_roman.eot');
	src: url('../webfonts/miller_display_roman.eot?#iefix') format('embedded-opentype'),
	url('../webfonts/miller_display_roman.woff2') format('woff2'),
	url('../webfonts/miller_display_roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT-America-Standard-Light';
	src: url('../webfonts/GT-America-Standard-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

html, body {
	background-color: #fefbf3;
	font: 18px/1.5 GT-America-Standard-Light;
}

.container {
	max-width: 900px;
}

h1 {
	font: 48px "millerdisplayroman";
	/*color: #173634;*/
	color: #023432;
	letter-spacing: 3px;
	/*text-transform: uppercase;*/
}

p {
	margin-bottom: 24px;
}

p strong {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}

.ava {
	display: block;
	margin-left: 40px;
	width: 300px;
	max-width: 100%;
	border-radius: 15px;
}

.spr {
	width: 80%;
	height: 10px;
	margin: 0 auto;
	border: 2px solid #ddb245;
	border-left: none;
	border-right: none;
	opacity: 1;
}

.socs {
	font-size: 24px;
}

.socs a {
	color: black;
	transition: .3s ease;
}

.socs a:hover {
	color: #ddb245;
	transform: scale(1.4);
}

@media (max-width: 768px) {
	h1 {
		font-size: 36px;
		letter-spacing: 1px;
	}

	.ava {
		margin: 0 auto;
		width: 100%;
	}
}