@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* SIZE 
$layout: 1200px;
$height:60px;
$middleheight:$height/2;
$smallheight:$middleheight/2;
*/
/* COLOURS */
/* MIXING */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* SIZE 
$layout: 1200px;
$height:60px;
$middleheight:$height/2;
$smallheight:$middleheight/2;
*/
/* COLOURS */
/*
@mixin animation($animation...) { -o-animation: $animation; -moz-animation: $animation; -webkit-animation: $animation; animation: $animation;
}*/
html, body { min-height: 100vh; overflow-x: hidden; overflow-y: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

header { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: rgba(255, 255, 255, 0.75); }
header figure { display: inline-block; }
header nav { display: inline-block; }

*, *:before, *:after { box-sizing: border-box; }

a, a:active, a:focus, a:hover, button:focus, button:hover, button:active, button { outline: 0; }

a::-moz-focus-inner, button::-moz-focus-inner { border: 0; }

a { cursor: pointer; }

section { height: 100vh; }

.section2 { clear: both; float: left; width: 50%; }

.section3 { float: left; width: 50%; height: 100vh; background-color: black; display: none; }
@media (min-width: 768px) { .section3 { display: block; } }

.section4 { clear: both; float: left; width: 100%; height: 100vh; }

.section5 { clear: both; height: 100vh; position: relative; }

.section6 { float: left; width: 100%; height: 100vh; }
@media (min-width: 768px) { .section6 { width: 50%; } }

.section7 { float: left; width: 100%; height: 100vh; background-color: lightskyblue; }
@media (min-width: 768px) { .section7 { width: 50%; } }

footer { width: 100%; background-color: #a89f88; display: block; }

.container { position: relative; }

.title { text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-size: 3.5vh; color: #1e252b; display: block; }

.subtitle { text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-size: 2.5vh; color: #1e252b; }

.separation_line { display: inline-block; margin-top: 4vh; margin-bottom: 4vh; width: 5vw; border-bottom: 1px solid #a89f88; }
.separation_line.black { border-bottom: 1px solid black; }

.capitalize { text-transform: capitalize; }

.overview { padding-right: 4vh; }
.overview p { padding: 10px 0px; }

strong { font-weight: 900; }

/* -------- COOKIES -------- */
#cookies_header { font-family: 'OpenSans', sans-serif; background-color: rgba(0, 0, 0, 0.75); position: fixed; z-index: 20000; width: 88vw; margin-left: 6vw; color: white; /* font-size: 2vh;
line-height: 2.5vh; */ font-size: 2.3vh; line-height: 2.7vh; padding: 1.5vh; opacity: 0; transition: 1s ease-in-out; }
@media (min-width: 768px) { #cookies_header { width: 70vw; margin-left: 15vw; } }
#cookies_header p { padding-right: 10px; }
#cookies_header p + p { margin-top: .5rem; }
@media (min-width: 768px) { #cookies_header p + p { margin-top: .75rem; } }
#cookies_header a { color: #ffffff; text-decoration: underline; }
#cookies_header a:hover { text-decoration: none; }
#cookies_header.visible { bottom: 2vh; opacity: 1; /* @media (min-width: 768px ){ top: 80vh; 
} */ }
@media (min-width: 768px) { #cookies_header { width: 50vw; margin-left: 25vw; /* font-size: 1.2vh;
line-height: 1.5vh; */ font-size: 1.3vh; line-height: 1.6vh; } }

#cookie_cross { position: absolute; top: 10px; right: 10px; }
#cookie_cross svg { width: 14px; height: 12px; }

/* -------- COOKIES -------- */

/*# sourceMappingURL=app.css.map */