/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Import Fonts
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* jost-regular - latin */
@font-face {
  font-family: 'Playfair';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/playfair-display.bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/playfair-display.bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/IBMPlexMono-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/IBMPlexMono-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/IBMPlexMono-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/IBMPlexMono-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Colors
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
:root{
	/* --color-backgroundPage:#F9F8F4;*/
	--color-backgroundPage:#white;
	--color-text:black;	
	--color-link:black;
	--color-linkOver:black;
	--color-logo:black;
	--color-videoLayer:black;
	--color-videoLayerText:white;
	--color-navLayer:black;
	--color-navLayerText:white;
  --size-textRegular:12px;
  --size-textButton:12px;
  --size-textH2:18px;
  --size-textH1:21px;
  --size-textHeadNav:32px;
};
html,body{
	margin:0;
	padding:0;
}

body{
	font-family: "IBM Plex Mono", serif;
    font-style: normal;
    background-color:var(--color-backgroundPage);
    color:var(--color-text);
    line-height: 1.40;
    font-weight: 500;
	margin:0;
	padding:0;
}
h1,
h2{
  
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
}
h1{
	font-size:var(--size-textH1);
}
h2{
	font-size:var(--size-textH2);
}
h4,
h3,
p,
a{
	font-size:var(--size-textRegular);
	font-family: "IBM Plex Mono", serif;
	font-weight: 500;
}
button{
  font-size:var(--size-textButton);
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
} 
h4,
h3,
h2,
p{
	color:var(--color-text);
}
a,
a:visited{
	color:var(--color-link);
}
a:hover{
	color:var(--color-linkOver);
}

img,
picture{
	width:100%;
}
.logo,
.logo a{
	font-family: "Playfair", serif;
  	font-optical-sizing: auto;
  	font-weight: 700;
  	font-style: normal;
  	font-size:18px;
  	text-decoration: none;
  	color:var(--color-logo);

}
:root{
	--content-margin-left:30px;
	--content-width:calc(100vw - (var(--content-margin-left) * 2));
}
@media only screen and (min-width:600px){
	:root{
		--content-margin-left:calc(30px + (100 - 30) * ((100vw - 600px) / (1399 - 600)));
	}
}
@media only screen and (min-width:1400px){
	:root{
		--content-width:1200px;
		--content-margin-left:calc((100vw - var(--content-width)) / 2);
	}
}
.hide{
  display:none;
}
.fixedBody{
  overflow: hidden;
  position:fixed;
  left:0;
  width: 100vw;
}