@font-face {
    font-family: 'SCHABO Condensed';
    src: url('fonts/SCHABO-Condensed.woff2') format('woff2'),
        url('fonts/SCHABO-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Bold.woff2') format('woff2'),
        url('fonts/WorkSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Medium.woff2') format('woff2'),
        url('fonts/WorkSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Regular.woff2') format('woff2'),
        url('fonts/WorkSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ExtraBold.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
*{
	box-sizing: border-box;
}
body{
	margin: 0 auto;
	background-image: url(images/fondo.png);
	background-position: center center;
	background-size: cover;
	color: #ffe600;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: auto;
}
div, section{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 2%;
	padding-right: 2%;
	flex-wrap: wrap;
}
div{
	justify-content: center;
	height: 6vw;
	font-family: 'Work Sans';
	font-weight: 700;
	font-size: 1.05vw;
}
section{
	height: calc(100vh - 12vw);
}
.cls-1 {
	fill: #ffe600;
}
nav{
	display: flex;
	flex-direction: column;
	width: 25%;
	height: 100%;
	padding-top: 12%;
	padding-bottom: 12%;
	justify-content: space-between;
	font-family: 'Work Sans';
	font-weight: 500;
	font-size: .8vw;
	text-align: left;
}
nav:nth-child(3){
	text-align: right;
}
article{
	width: 50%;
}
svg{
	width: 100%;
}
h1, h2{
	color: #FFF;
	width: 100%;
	text-align: center;
	line-height: 1;
	margin: 0px;
	font-family: 'SCHABO Condensed';
}
h2{
	font-size: 8vw;
	display: none;
}
a{
	text-decoration: none;
	color: inherit;
}
aside{
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
aside > a{
	padding-top: 2vw;
	font-family: 'Work Sans';
	font-weight: 500;
	font-size: 3vw;
}
@media (max-width: 480px){
	h1, nav, div{
		display: none;
	}
	h2{
		display: block;
		margin-bottom: 12vw;
	}
	article{
		width: 100%;
		padding-left: 25%;
		padding-right: 25%;
	}
	aside{
		display: flex;
		width: 100%;
	}
	div, section{
		flex-direction: column;
	}
}