html {height: 100%;}
body {font-family: Georgia; height: 100%; background: #000 url(../img/bg.jpg) 40% center no-repeat; color: #fff; background-size: cover;}

div, h1, h2, html, body {margin: 0; padding: 0;}
h1 {font-size: 40px; font-weight: normal;}
h2 {font-size: 20px; font-weight: normal; margin-bottom: 30px;}

a {color: white;}

.container {position: fixed; left: 60%; width: 30%; top: 50%;
	background: rgba(255, 255, 255, .15);
	backdrop-filter: blur(10px);
	padding: 30px;
	border-radius: 15px;
}

@media (max-width:768px) {
	body {background-position-x: 0;}
	.container {position: fixed; left: 30px; width: 52%; bottom: 30px; top: auto;}
}

@media (max-width:320px) {
	body {background-position-x: 0;}
	.container {position: fixed; left: 15px; width: 52%; bottom: 30px; top: auto;}
}