/* Typography */
@font-face {
font-family:'INTER_medium';
src: url('font/InterDisplay-Medium.woff2') format('woff2'),
		 url('font/InterDisplay-Medium.woff') format('woff');
		 font-weight: normal; font-style: normal;
}

@font-face {
font-family:'INTER_light';
src: url('font/InterDisplay-Light.woff2') format('woff2'),
		 url('font/InterDisplay-Light.woff') format('woff');
		 font-weight: normal; font-style: normal;
}

/* HTML */
* {box-sizing: border-box;}

body {
background-color: #fff;
margin: 0;
font-family:'INTER_light', Helvetica, sans-serif;
text-rendering: optimizelegibility;
}

a {
color: #000;
}

a:link, a:visited {
text-decoration: none;
}

a:hover, a:active, a:focus {
text-decoration: underline;
}

p {
font: normal 34px 'INTER_light';
color:#000;
letter-spacing: 0px;
line-height: 36px;
word-spacing: 0px;
margin: 0;
}

p span {
font-family:'INTER_medium';
letter-spacing: -1px;
}

.header {
text-align: left;
padding: 14px;
}

.menu {
text-align: right;
padding: 32px;
}

.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 0 8px;
}

.info{
display: grid;
grid-gap: 4.5rem 20px;
grid-template-columns: 85% 1fr;
grid-template-rows: auto;
padding-left: 16px;
}

.pad_top10 	{padding-top:10px;}
.pad_top20 	{padding-top:20px;}
.pad_top100 	{padding-top:100px;}

footer {
padding-top: 100px 0;
padding-left: 16px;
}

footer .container {
display: grid;
grid-gap: 4.5rem 20px;
grid-template-columns: 100% 1fr;
grid-template-rows: auto;
padding-bottom: 200px;
}

footer p {
font: normal 24px 'INTER_light';
color: #000;
letter-spacing: 0px;
line-height:28px;
word-spacing: 0px;
margin: 0;
}


/* ---------------------------------------------------------------- */


/* Create four equal columns that sits next to each other */
.column{
-ms-flex: 33%; /* IE10 */
flex: 33%;
max-width: 33%;
padding: 0 8px;
}

.column img {
margin-top: 16px;
vertical-align: middle;
width: 100%;
}

/* Responsive layout - makes a one column-layout instead of two columns */
@media screen and (max-width: 1000px) {
.column {-ms-flex: 100%; flex: 100%; max-width: 100%;}
}

/* ---------------------------------------------------------------- */

/* Create one equal columns that sits next to each other */
.column_100 {
-ms-flex: 100%; /* IE10 */
flex: 100%;
max-width: 100%;
padding: 0 8px;
}

/* ---------------------------------------------------------------- */