body {
	font-family: 'Arial', sans-serif;
	height: 100vh;
	background-attachment: fixed;
	background-size: cover;
}
.content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	height: 100%;
}
.content-container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.mw-50 { /* valid */
    max-width: 50%;
}
.menu {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 1fr 1fr 1fr;
	/* text-align: center; */
	margin-top: 35px;
	width: 940px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.menu-item {
	font-family: Arial;
	text-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
	font-size: 1.9vh;
}
.menu-item a {
	color: white;
	text-decoration: none;
}
.grid-container-3 {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
li {
	font-size: 12px;
	color: white;
}
.content-container-small {
	height: 50px;
}
.mt-50 {
	margin-top: 50px;
}
a {
	text-decoration: none;
	color: white;
}
.lang {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
.dp0 {
	display: none;
}
.imgfi, .imgsv, .imgen {
	position: relative; 
	top: 445px; 
	left: 854px; 
	width: 30px; 
	height: auto;
}
.hidden {
	visibility: hidden;
}
.icon {
	width: 18px;
	height: 12px;
	margin: 0px;
}
ul {
	list-style-type: none;
	padding-left: 5px;
}
a {
	text-decoration: none;
}
h1 {
    color: #386497;
    font-size: 8rem;
}
h3 {
	color: white;
	font-family: Arial;
	padding: 10px 25px 10px 25px;
	margin: 0px;
}
p {
	font-family: Arial;
	padding: 5px 10px 5px 10px;
	color: white;
}
.center {
	text-align: center;
}
li {
	font-size: 20px;
	font-family: Arial;
	color: white;
}
.grid-container-footer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	text-align: center;
	background: linear-gradient(#386497, #2C5078);
	width: 100%;
}
.grid-item-footer {
	font-size: 16px;
	font-family: Arial;
	color: #013162;
	padding-top: 20px;
	color: white;
}
.grid-item-footer a {
	color: white;
}
.space-top {
    padding-top: 50px;
}
.space-bottom {
    padding-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
	body {
		margin: 0;
	}
	h1 {
	    font-size: 5rem;
	}
	.menu {
		display: grid;
		grid-template-columns: 1fr;
		padding: 0px;
		width: 100%;
	}
	.menu-item {
	    font-size: 2.9vh;
	}
	.menu-item-space {
		display: none;
	}
	.menu-item, .menu-item-space {
		padding: 20px 0px 20px 0px;
	}
	.imgen, .imgsv {
		display: none;
	}
	.imgen-m {
		float: right;
		width: 50px;
	}
	.imgsv-m {
		margin-right: 10px;
		float: right;
		width: 50px;
	}
	.lang {
		position: unset;
	}
	.content, .content-container {
		width: 100%;
	}
	.middle {
	    width: 100%;
	}
	.space-bottom {
    padding-bottom: 150px;
    }
    .space-top {
    padding-top: 150px;
    }
	.grid-container-4 {
		grid-template-columns: 1fr 1fr;
	}
	.grid-container-footer {
		grid-template-columns: auto;
		height: auto;
	}
	.grid-container-footer a:hover {
		text-align: left;
		text-decoration: underline;
	}
	.grid-item-footer {
		font-size: 22px;
	}
	h3 {
	    font-size: 5rem;
	}
	p {
	    font-size: 3rem;
	}
}
@media only screen and (max-width: 600px) { /* MOBILE */
	.menu {
		width: 100%;
		grid-template-columns: none;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		padding-left: 0px;
		padding-right: 0px;
	}
	.menu-item {
		margin: 10px 0px 10px 0px;
	}
	.menu-item-space {
		display: none;
	}
	.menu-item-space {
		display: none;
	}
	.mw-50 { /* valid */
	    max-width: 50%;
	}
	.grid-container-2, .grid-container-3, .grid-container-4 {
		grid-template-columns: none;
	}
	.grid-item-footer {
		font-size: clamp(32px, 6vw, 48px);
	}
	.content-container {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}