/* 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 */
body {
background-color: #FFF;
font-family:'INTER_light', Helvetica, sans-serif;
text-align: left;
text-rendering: optimizelegibility;
}

a {
color: #000;
}

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

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

h1, h2, h3,{
font-family:'INTER_medium';
}

h1 {
font: normal 60px 'INTER_light';
color:#000;
letter-spacing: -2px;
word-spacing: 0px;
line-height: 78px;
margin: 0;
}

p {
font: normal 38px 'INTER_light';
color:#000;
letter-spacing: -0.5px;
line-height: 46px;
word-spacing: -2px;
margin: 0;
}

/* Classes */
.content {
width: 800px;
margin: 40px auto;
}

.pad_top10 		{padding-top:10px;}
.pad_top15 		{padding-top:15px;}
.pad_top40 		{padding-top:40px;}
.pad_top100 	{padding-top:100px;}
.pad_top200 	{padding-top:200px;}


/* Elements */
header .brand-title img {
margin-bottom: 40px;
}


footer {
padding-top: 100px 0;
padding-bottom: 100px;
}

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

footer a {
font: normal 26px 'INTER_light';
letter-spacing: 0.2px;
word-spacing: -1px;
line-height: 31px;
margin: 0;
color: #333;
}

footer p {
font: normal 26px 'INTER_light';
letter-spacing: 0.2px;
word-spacing: -1px;
line-height: 31px;
margin: 0;
color: #333;
}

footer span {
font: normal 26px 'INTER_light';
letter-spacing: -1.5px;
word-spacing: 0px;
}

img.middle {
vertical-align: middle;
}