html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}  html {
font-size: 10px;
font-family: 'Futura', sans-serif;
color: #191E23;
}
div,
section,
article,
header,
footer,
.block{
box-sizing: border-box;
position: relative;
}
.wrap {
max-width: 120rem;
margin: auto;
}
main {
padding: 2rem 0 6rem;
} .flex,
header .menu {
display: flex;
display: -ms-flexbox;  
display: -webkit-flex; 
flex-wrap: wrap;
}
.grid {
margin: 0 -1.5rem;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-center {
align-items: center;
}
.center-text {
justify-content: center;
}
.flex-reverse {
flex-direction: row-reverse;
}
.justify-space {
justify-content: space-between;
} .block {
display: block;
padding: 1.5rem;
}
.block .overlay {
background: rgba(0,0,0,0.3);
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all 0.2s ease-out;
z-index: 1;
}
.block .overlay h3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
padding: 1.5rem;
box-sizing: border-box;
}
.block:hover .overlay {
opacity: 1;
background: rgba(0,0,0,0.5);
}
.block .img-block img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: all 0.2s ease-out;
}
.block:hover .img-block img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
} .grid-2 .block {
width: 50%;
} .grid-3 .block {
width: 33.33%;
} .embed-container { 
position: relative; 
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  a {
color: inherit;
text-decoration: none;
}
p a {
color: gray;
} .wp-block-audio {
max-width: 100%;
}
.wp-block-audio audio {
min-width: 0;
} .block img,
header img,
.img-block img {
width: 100%;
height: auto;
display: block;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.pointer {
cursor: pointer;
}
.uppercase {
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sticky {
position: fixed;
top: 0!important;
width: calc(100% - 20rem);
left: 10rem;
}
.center {
text-align: center;
}
.aligncenter {
margin: auto;
}
.alignleft {
float: left;
}
.alignright {
float:right;
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
.fixed {
position: fixed;
}
.overflow-hidden {
overflow: hidden;
}
.abs-center {
top:50%;
left: 50%;
transform: translate(-50%,-50%);
}
.nowrap {
white-space: nowrap;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: black;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
height: 0;
margin-bottom: 2rem;
} .text-white{
color: white;
}
.text-black {
color: black;
}
.bg-white {
background: white;
}
.bg-black {
background: black;
} h1 {
font-weight: normal;
font-style: normal;
font-size: 2.8rem;
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.2em;
margin-bottom: 2rem;
}
h2 {
font-size: 2.8rem;
margin-bottom: 2rem;
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.25em;
}
h3 {
font-size: 1.8rem;
text-transform: uppercase;
letter-spacing: 0.3em;
line-height: 1.3em;
}
h4 {
font-size: 2rem;
letter-spacing: 0.05em;
}
p {
font-size: 1.8rem;
line-height: 1.3em;
font-family: 'Crimson Text', serif;
font-weight: normal;
font-style: normal;
} 
p strong {
font-weight: 600;
}
p a {
color: #5A9654;
}
p a:hover {
text-decoration: underline;
} header {
z-index: 2;
padding: 4rem 0;
}
header .flex {
justify-content: space-between;
align-items: center;
}
header .logga {
width: 50rem;
} header .menu li a{
font-size: 1.5rem;
padding: 0 1rem;
letter-spacing: 0.05em;
transition: all 0.2s ease-out;
}
header .menu .current-menu-item a,
header .menu li a:hover {
color: #ffffff;
} #toggle {
width: 23px;
display: none;
position: absolute;
right: 0;
top: 1.5rem; z-index: 20000;
}
#toggle div {
width: 100%;
height: 3px;
margin: 3px auto;
display: block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
backface-visibility: hidden;
background: white;
}
#toggle.on div { }
#toggle.on .one {
transform: rotate(45deg) translate(5px, 4px);
}
#toggle.on .two {
opacity: 0;
}
#toggle.on .three {
transform: rotate(-45deg) translate(4px, -4px);
}  .post-content .img-block {
width: 53%;
padding-right: 2rem;
}
.post-content .maincol {
width: 47%;
}
.post-content .maincol p {
margin-bottom: 1.5rem;
}   @media only screen and (max-width : 1300px){	
.wrap {
margin: 0 5rem; 
}
}
@media only screen and (max-width : 1050px){
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
}
.post-content .img-block {
width: 60%;
}
.post-content .maincol {
width: 40%;
}
} @media only screen and (max-width : 800px){
.wrap {
margin: 0 3rem
}
header {
padding-bottom: 3rem;
}
header .logga {
margin-bottom: 1rem;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3, h4 {
font-size: 1.4rem;
}
p {
font-size: 1.6rem;
line-height: 1.3em;
} 
} @media only screen and (max-width : 550px){
html {
font-size: 9px;
}
h1 {
font-size: 2.1rem;
}
h2, h1 {
margin-bottom: 1.5rem;
}
p {
font-size: 1.8rem;
}
#toggle {
display: block;
}
header .flex {
padding-bottom: 3rem;
}
header .navigation {
width: 100%;
}
nav {
display: none;
width: 100%;
position: absolute; padding: 1.5rem 0;
}
header .menu {
display: block;
}
header .menu li {
padding: 0.5rem 0;
}
header .menu li a {
font-size: 1.6rem;
padding: 0;
} .grid-3 .block,
.post-content .img-block,
.post-content .maincol {
width: 100%;
}
.post-content .img-block {
padding: 0;
margin-bottom: 2rem;
}
.block .overlay {
opacity: 1;
background: rgba(0,0,0,0.4);
}
} @media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) { }
@media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}  .aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } .wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
#access li {
position: relative;
}