/* 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-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 90px 'INTER_medium';
color:#000;
letter-spacing: -4px;
word-spacing: 0px;
line-height: 78px;
margin: 0;
}

h2 {
font: normal 45px 'INTER_light';
color:#000;
letter-spacing: 0px;
word-spacing: 0px;
line-height: auto;
margin: 0;
}

h3 {
font: normal 32px 'INTER_light';
color:#000;
letter-spacing: 0px;
word-spacing: 0px;
line-height: auto;
margin: 0;
}

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


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

.menu {
font: normal 90px 'INTER_light';
color:#000;
letter-spacing: -3px;
word-spacing: 0px;
line-height: 78px;
margin: 0;
}

.active {
font-family: 'INTER_medium';
letter-spacing: -6px;
word-spacing: 6px;
}

.list-unstyled {
margin: 0;
padding: 0;
list-style: none;
}

.text-align_l {
font: normal 90px 'INTER_light';
text-align: left;
}

.text-align_r {
font: normal 90px 'INTER_light';
text-align: right;
}

.strike:hover {
text-decoration: line-through;
color:#999;
background-color: #FFF;
}

.black:hover {
text-decoration: none;
background-color: #EEE;
color:#000;
}

.credits {
font: normal 14px 'INTER_light';
color:#AAA;
letter-spacing: 0px;
word-spacing: 0px;
line-height: 18px;
text-align:justify;
margin: 0;
}


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

.disableselect {
-webkit-touch-callout: none; 		/* iOS Safari */
-webkit-user-select: none;   		/* Chrome/Safari/Opera */
-khtml-user-select: none;    		/* Konqueror */
-moz-user-select: none;      		/* Firefox */
-ms-user-select: none;       		/* Internet Explorer/Edge*/
user-select: none;          		/* Non-prefixed version, currently
                                not supported by any browser */
}


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

main {
padding: 100px 0;
}

main .container {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}

main .navigator {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
margin-top: -100px;
margin-bottom: 100px;
}

main article h2 {
padding-top: 100px;
padding-bottom: 200px;
line-height:48px;
text-align:justify;
word-spacing: -2px;
letter-spacing: -1px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

main article h3 {
padding-top: 10px;
padding-bottom: 0px;
word-spacing: 0px;
letter-spacing: -1px;
font-family:'INTER_medium';
}

main article p {
padding-bottom: 100px;
line-height: 40px;
word-spacing: 0px;
letter-spacing: 0px;
}

main article a {
color: #000;
font-family:'INTER_light';
}

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

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

footer p {
font: normal 28px 'INTER_light';
letter-spacing: 0px;
word-spacing: -1px;
line-height: 31px;
margin: 0;
}

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

/* Extras */
.content-wide-yellow {
align-items: center;
height: 35px;
background-color: #99FF00;
}

.container {
width: 800px;
margin: 0 auto;
overflow: hidden;
line-height: 0;
}