@import url('https://fonts.cdnfonts.com/css/bodoni-mt');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

* {box-sizing: border-box;position:relative;}

:root {
	--dvhgt:  150px;

}

html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: 'Bodoni MT', sans-serif;
	font-size: 40px;
	line-height: normal;
	color: #000;
    font-weight: 300;
}

.wf-loading { visibility: hidden;}

h1,h2,h3,h4 {
	font-weight: 500;
	padding: 0px;
	margin: 0px;
	font-family: 'Bodoni MT', sans-serif;
}

.contents > h1 {
	font-size: 100%;
}


a {
	text-decoration: none;
	color: #971b2f;
	font-weight: bold;
	
}

.half.left, .half.right  {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	height: 100vh;
	overflow: auto;
}

.half.left {
	width: calc(100% / 3);
}

.half.right {
	width: calc(100% / 3 * 2);
}

.aboutme {
	xposition: absolute;
}


.bgface {
	background: url(/images/zuzana-blummel-art.jpg);
	background-size: cover;
	background-position: right top;
}

.contents {
		padding: 40px;
}

.logo {
	max-width: 100%;
}

.products {
	width: 100%;
	max-width: 600px;
	xmargin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}

	.products .img, .products .txt {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding: 30px;
	}

		.products .txt {
			
		}

			.products .txt h2 {
				font-size: 40px;
				text-transform: uppercase;
			}

	.products .img img {
		width: 100%;
	}

	.fw img {
		width: 100%;
		padding: 60px 30px;
	}

.full {
	width: 100% !important;
	padding: 0px !important;
}

.socials {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	text-align: center;
	padding-bottom: 100px;
}

.fa-brands, .fa-regular {
	padding: 0px 15px;
	color: #971b2f;
}



@media screen  and (max-width: 1000px)  {
	.products .img, .products .txt {
		width: 100%;
		padding: 0px;
	}
	.products {
		font-size: 20px;
	}

	.contents {
		padding: 10px;
	}

	.bgface {
		background-position: center;
	}
}