body {
	padding: 5vw;
	color: #3c3c3c;
	background: #f7f7f3;
	font-weight: 300;
}

@font-face {
	font-family: 'avenir';
	src: url("../fonts/avenir-light-webfont.eot");
	src: url("../fonts/avenir-light-webfont.eot") format("embedded-opentype"), url("../fonts/avenir-light-webfont.woff") format("woff"), url("../fonts/avenir-light-webfont.ttf") format("truetype"), url("../fonts/avenir-light-webfont.svg") format("svg");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'avenir-bold';
	src: url("../fonts/avenir-heavy-05.eot");
	src: url("../fonts/avenir-heavy-05.eot") format("embedded-opentype"), url("../fonts/avenir-heavy-05.woff") format("woff"), url("../fonts/avenir-heavy-05.ttf") format("truetype"), url("../fonts/avenir-heavy-05.svg") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'avenir-black';
	src: url("../fonts/avenir-black-03.eot");
	src: url("../fonts/avenir-black-03.eot") format("embedded-opentype"), url("../fonts/avenir-black-03.woff") format("woff"), url("../fonts/avenir-black-03.ttf") format("truetype"), url("../fonts/avenir-black-03.svg") format("svg");
	font-weight: 900;
	font-style: normal;
}

.logo {
	float: left;
	width: min(9.5vw, 6rem);
	margin-top: min(2vw, 1rem);
	margin-right: min(2vw, 1rem);
}

a {
	color: #3758e7;
}

u {
	font-weight: 900;
	
}

p, h1, h2, h3, h4, h5, h6 {
	color: #3c3c3c;
	font-family: avenir;
}

p, li, dt, dd {
	font-size: min(5.5vw, 2rem);
	max-width: 53ch;
}


p {
	margin-bottom: min(4vw, 2rem);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'avenir-black';
	font-weight: 900;
}

h1 {
	font-size: min(10vw, 6rem);
}

h2 {
	font-size: min(6vw, 2.5rem);
	margin-bottom: min(5vw, 2.5rem);
	margin-top: -1vw;
	clear: both;
}

h3 {
	font-size: min(7.5vw, 2.5rem);
	margin-top: min(5vw, 2.5rem);
}

ul	{
	padding-inline-start: 0;
	list-style: none;
}

hr {
	margin-top: min(8vw, 4rem);
	margin-bottom: min(8vw, 4rem);
	border: 2px solid;
	opacity: 1;
}

main {

}



footer {
	clear: both;
}

@media (min-width: 992px) {
	aside {
		overflow: hidden;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		padding: 2vw;
	}
	
	.pl-images img:nth-of-type(1) {
		width: 21vw;
		height: 21vw;
	}
	
	.pl-images img:nth-of-type(2) {
		width: 18vw;
		height: 18vw;
	}
	
	.pl-images img:nth-of-type(3) {
		width: 17vw;
		height: 17vw;
	}
	
	.pl-images img:nth-of-type(4) {
		width: 15vw;
		height: 15vw;
	}
	
	.pl-images img:nth-of-type(5) {
		width: 12vw;
		height: 12vw;
	}
	
	.pl-images img:nth-of-type(6) {
		width: 12vw;
		height: 12vw;
	}
	
	.pl-images {
		text-align: right;
		margin-right: -5rem;
	}
	
}



.pl-images img {
	object-fit: cover;
	object-position: top;
	border: 4px solid #3c3c3c;
	border-radius: 2vw;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
	width: 40vw;
	height: 40vw;
}