* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	color: #333333;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	/* font-feature-settings: "pwid"; */
	/* font-feature-settings: "pkna"; */
	font-feature-settings: "palt";
	text-decoration: none;
	list-style: none inside;
	font-family: sans-serif;
}
br {
	font-size: 0%;
	line-height: 0%;
}
.clear { clear: both; margin:0; padding: 0; border:0;  }
.clear hr { display: none; }
.margin05 { height: 5vmin; }
.margin10 { height: 10vmin; }
.margin20 { height: 20vmin; }
.margin30 { height: 30vmin; }
.margin40 { height: 40vmin; }

p {
	margin-bottom: .5vmin;
}

body {
	width: 100%;
	background: url('./links/background.png') fixed top center;
}

header,
article {
	width: 90vmin;
	padding: 5vmin;
	margin: 10vmin auto;
}
header img {
	width: 80vmin;
}

article {
	border: #666666 solid 1px;
	background: url('./links/background_white.png');
}
article h2 {
	border-left: #333333 solid 1vmin;
	border-bottom: #333333 solid 1px;
	padding-left: 1vmin;
	margin-bottom: 4vmin;
}
article iframe {
	width: 80vmin;
	height: 45vmin;
}
article figure {
	width: 18vmin;
	margin-left: 6vmin;
	float: right;
}
article figure figcaption {
	text-align: center;
}
article figure img {
	width: 18vmin;
	height: 24vmin;
}
article h3 {
	font-weight: bold;
	margin-bottom: 1vmin;
}
article h4 {
	margin-bottom: 2vmin;
}
article div.note {
	margin: 2vmin 0;
	padding: 2vmin;
	background: #f7f7ef;
	color: #444422;
	column-count: 2;
	column-width: 300px;
	column-gap: 4vmin;
	column-rule: 1px dotted #333333;
}
article div.note h4 {
	margin: 1vmin 0;
	font-weight: bold;
	color: #bd6970;
	border-bottom: #333333 solid 1px;
	column-span: all;
}
article div.note h4 span {
	display: inline-block;
	margin-right: 2vmin;
}
article div.note p {
	text-indent: 1em;
}



footer {
	width: 90vmin;
	padding: 5vmin;
	margin: 10vmin auto;
	border-top: #333333 solid 1px;
}