@font-face {
  font-family: text;
  src: url('OpenSans.ttf') format("truetype-variations");
	font-weight: 100 1000;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: text, sans-serif;
	font-size: 2vh;
	font-weight: 400;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	background-image: url(background.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

h1, h2 {
	font-weight: 100;
}
	
.page {
	margin: 0 auto;
	min-height: 100vh;
	display: grid;
	grid-template-rows: auto 1fr auto; 
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 
	"header header"
	"seriem welcome"
	"footer footer";
}

.header {
	grid-area: header;
	padding: 1vw;
	display: grid;
  place-content: center start;
}

.footer {
	grid-area: footer;
	padding: 1vw;
	display: grid;
  place-content: center end;
}

.kwsoft img {
	height: 7vh;
	vertical-align: middle;
}

.seriem {
	grid-area: seriem;
	padding: 2vw;
	display: grid;
  place-content: center end;
}

.welcome {
	grid-area: welcome;
	padding: 2vw;
	display: grid;
  place-content: center start;
}

.welcome h1 {
	font-size: 7vh;
	color: #e30018;
}

.welcome h2 {
	padding-top: 1vh;
	font-size: 2.2vh;
	font-weight: 800;
}

.logo {
	text-align: center;
}

.logo img {
	height: 50vh;
}

.logo h2 {
	padding-top: 2vh;
	font-size: 2.4vh;
	font-weight: 400;
}

.copyright {
	vertical-align: middle;
}

.copyright img {
	height: 2vh;
	vertical-align: middle;
}