body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

.bg {
	background-image: url('../img/bg.JPG');

	height: 100%;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
	-o-filter: blur(6px);
	filter: blur(6px);
}

.img {
	width: 50%;

	position: absolute;
	left: 25%;
	top: 15%;

	z-index: 10;

	background-repeat: no-repeat;
	background-size: auto;
}

.flag {
	width: 100%;
	height: 20px;

	position: absolute;
	bottom: 10%;

	background-color: rgba(0, 76, 7, 0.8);

	border-top: 20px solid rgba(255, 255, 255, 0.8);
	border-bottom: 20px solid rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 800px) {
	.img {
		width: 75%;
		top: 30%;
		left: 12.5%;
	}
}
@media only screen and (max-device-width: 800px) {
	.img {
		width: 75%;
		top: 30%;
		left: 12.5%;
	}
}