html {
	overflow-x: hidden;
	height: 100%;
}

body {
	overflow-x: hidden;
	font-family: 'Ubuntu', sans-serif;
	clear: both;
	height: 100%;
}

.parent {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.child {
	height: 100%;
	margin: auto;
}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.content {
	position: fixed;
	width: 100vw;
	height: 100vh;
}

h1 {
	color: white !important;
	text-align: center;
	font-family: 'Bitter', serif;
	text-shadow: 2px 2px 8px #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}

h2 {
	color: white !important;
	text-align: center;
	font-family: 'Bitter', serif;
	text-shadow: 2px 2px 8px #000000;
	padding-bottom: 20px;
}

.iqmtel {
	-webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222);
}

div.link {
	width: 50%;
	padding: 20px;
}

div.link a img {
	width: 100%;
}

@media (max-width: 767px) and (min-width: 481px) {
	h1 {
		font-size: 36px !important;
	}

	h2 {
		font-size: 16px !important;
	}

	.child {
		width: 100%;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 72px !important;
	}

	h2 {
		font-size: 32px !important;
	}

	.child {
		width: 600px;
	}
}