body {
	background-color: rgb(6,28,42);
}

#hlavicka {
	position: absolute;
	top: 0vw;
	left: 0vw;
	background-color: rgb(18,18,18);
	height: 10vw;
	width: 100%;
}

#error {
	position: absolute;
	font: bold 3.7vw Arial, sans-serif;
	top: 2.9vw;
	left: 9.5vw;
	color: gray;
}

#smajl {
	position: absolute;
	font: bold 5vw Arial, sans-serif;
	top: 1.9vw;
	left: 82vw;
	color: gray;
}

#text1 {
	position: absolute;
	font: bold 1.9vw Arial, sans-serif;
	top: 14.5vw;
	text-align: center;
	color: #B40000;
	width: 99%;
	line-height: 160%;
}

#text2 {
	position: absolute;
	font: bold 1vw Arial, sans-serif;
	top: 24vw;
	text-align: center;
	color: gray;
	width: 99%;
	line-height: 180%;
}


#paticka {
	position: absolute;
	font: bold 0.8vw Arial, sans-serif;
	bottom: 1vw;
	right: 2vw;
	color: gray;
}



/* PRO MOBIL */
@media screen and (orientation: portrait) {


#hlavicka {
	height: 15vw;
}

#error {
	font: bold 6vw Arial, sans-serif;
	top: 4.2vw;
	left: 6vw;
}

#smajl {
	font: bold 7vw Arial, sans-serif;
	top: 3vw;
	left: 82vw;
}

#text1 {
	font: bold 3.9vw Arial, sans-serif;
	top: 22vw;
	line-height: 160%;
}

#text2 {
	font: bold 2vw Arial, sans-serif;
	top: 42vw;
	line-height: 180%;
}


#paticka {
	font: bold 2.2vw Arial, sans-serif;
	bottom: 2vw;
	right: 3vw;
}


}