*{
box-sizing: border-box;
}

html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: auto;
font-size: 17px;
}

/*HEADER*/
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0.5em 15%;
z-index: 1000;
}
header h1 {
font-size: 1em;
float: left;
padding: 0;
margin: 0;
}
header menu {
float: right;
padding: 0;
margin: 0
}
header menu img {
height: 1em;
}

/*MAIN*/
main {
padding: 3em 20% 0 20%;
}

article {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
article#about{
width: calc(100% / 3 * 2 - 1em);
}
article#contact{
width: calc(100% / 3 * 2 - 1em);
}
article figure {
width: 100%;
}/*
article#gallery figure {
margin: 0 0 2em 0;
padding: 0;
width: calc(100% / 3 - 1em);
}*/
article figure img, article figure video {
width: 100%;
}
article figure figcaption{
padding: 0.5em 1em;

}
article figure figcaption h2 {
font-size: 0.75em;
margin: 0 0 0.5em 0;
padding: 0;
text-align: center;
}
article figure figcaption p {
font-size: 0.75em;
margin: 0;
padding: 0;
text-align: center;
}

article form {
width: 100%;
}
article form input {
font-size: 1em;
width: 100%;
padding: 0.5em 1em;
margin: 0;
}
article form textarea {
font-size: 1em;
width: 100%;
max-width: 100%;
min-height: 5em;
padding: 0.5em 1em;
margin: 0;
}
article form input.url {
display: none;
}

/*THANKS*/
aside#thanks{
font-size: 1em;
z-index: 1000;
position: fixed;
top:0;
left: 100%;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 0 10%;
padding-top: calc(25% - 1em);
text-align: center;
}

/*FOOTER*/
footer {
width: 100%;
float:left;
bottom: 0;
left: 0;
padding: 0.5em 5%;
font-size: 0.75em;
}