/* --- */
/* general */

*{
padding:0;
margin:0;
border:none;
font-family:inherit;
font-size:inherit;
font-style:inherit;
color:inherit;
line-height:inherit;
text-decoration:inherit;
list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

h1{
font-weight:600;
}

h2{
font-weight:600;
}

strong{
font-weight:600;
letter-spacing:.2em;
}

/* --- */
/* grid */

html{
overflow-y:scroll;
background-color:rgb(255,255,255);
color:rgb(81,81,77);
font-family:'Raleway',sans-serif;
font-style:normal;
font-weight:400;
font-size:17px;
line-height:1.4;
overflow-y:scroll;
text-align:center;
}

@media (max-width:1200px) and (min-width:600.1px){
	html{
	font-size:calc(14px + (100vw - 600px) / (1200 - 600) * (17 - 14));
	}
}

@media (max-width:600px){
	html{
	font-size:14px;
	}
}

body{
display:block;
}

body>header{
display:block;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
min-width:600px;
position:relative;
}

body>content{
display:block;
}

body>content>section{
display:block;
max-width:1200px;
min-width:600px;
padding:2rem 0;
margin:0 auto;
}

body>footer{
display:block;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
max-width:1200px;
min-width:600px;
margin:0 auto;
padding:1.5rem 0;
}

body>footer::after{
content:'';
display:table;
clear:both;
}

/* --- */
/* header */

body>header>aside{
display:block;
height:264px;
overflow:hidden;
position:relative;
}

@media (max-width:1200px) and (min-width:600.1px){
	body>header>aside{
	height:22vw;
	}
}

@media (max-width:600px){
	body>header>aside{
	height:132px;
	}
}

body>header>aside>a.logo{
display:block;
position:absolute;
z-index:2;
top:0;
left:0;
bottom:0;
right:0;
}

body>header>aside>a.logo>img{
display:block;
max-width:75%;
max-height:75%;
height:auto;
position:absolute;
top:12.5%;
right:12.5%;
bottom:12.5%;
left:12.5%;
margin:auto;
}

/* --- */
/* content */

body>content>section>article{
display:block;
padding:0 3.5rem;
margin-bottom:1rem;
}

body>content>section>article h1{
margin-bottom:1.25rem;
color:rgb(40,40,38);
font-size:26px;
line-height:28px;
}

body>content>section>article p{
margin-bottom:1rem;
position:relative;
}

body>content>section>article ul{
margin-bottom:1rem;
}

body>content>section>article ul>li{
list-style:'–';
}

body>content>section>article ul{
margin-bottom:18px;
}

body>content>section>article a{
text-decoration:underline;
}

body>content>section>article a:hover,
body>content>section>article a:focus{
text-decoration:none;
}

body>content>section>article img{
display:block;
box-shadow:0 5px 5px rgba(0,0,0,.3);
}

/* --- */
/* footer */

body>footer>article{
display:block;
width:50%;
margin-bottom:1rem;
padding:0 3.5rem;
float:left;
}

body>footer>article span{
display:inline-block;
}

body>footer>article a{
text-decoration:underline;
}

body>footer>article a:hover,
body>footer>article a:focus{
text-decoration:none;
}
