@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 480px) {
	
h1 {
	font-size: 1.5em;
	width: 90%;
	margin: 0 5% 0.5em 5%;
}

h2 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.125em;
}

#box {
	top: 1em;
}

#sadrzajbox1 {
	padding: 2em 0;
}

.sadrzajsve {
	width: 80%;
	margin: 0 10%;
}

.sadrzajsvetxt {
	text-align: left;
	padding: 1em;
}

.video {
	width: 100%;
}

.fotka {
	width: 100%;
}

.logo {
	width: 45%;
}

.nav {
	width: 90%;
	padding: 0.5em 0 0 0;
	position: absolute;
	margin: 0 5%;
	left: 0;
}

.sadrzajboxd {
	width: 100%;
	margin: 0;
}

.sadrzajboxdtxt {
	text-align: left;
	padding: 1em;
}

.kinfobox {
	width: 100%;
	margin: 0 1%;
}

.kinfobox3 {
	width: 15%;
	margin: 0 5% 0 0;
}

.kinfobox4 {
	padding: 0.4em 0 0 0;
}
	
}

@media only screen and (min-width: 480px) and (max-width: 640px){

h1 {
	font-size: 1.7em;
	width: 90%;
	margin: 0 5% 0.5em 5%;
}

h2 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.125em;
}

#header1 {
	padding: 0 0 20% 0;
}

#header2 {
	padding: 0 0 20% 0;
}

#header3 {
	padding: 0 0 20% 0;
}

#header4 {
	padding: 0 0 20% 0;
}

#header5 {
	padding: 0 0 20% 0;
}

#header6 {
	padding: 0 0 20% 0;
}

#header7 {
	padding: 0 0 20% 0;
}

#box {
	top: 1em;
}

#sadrzajbox1 {
	padding: 2em 0;
}

.sadrzajsve {
	width: 80%;
	margin: 0 10%;
}

.sadrzajsvetxt {
	text-align: left;
	padding: 1em;
}

.video {
	width: 100%;
}

.fotka {
	width: 100%;
}

.logo {
	width: 30%;
}

.nav {
	width: 60%;
	padding: 0.7em 0 0 0;
	position: absolute;
}

.sadrzajboxd {
	width: 80%;
	margin: 0 0 0 20%;
}

.sadrzajboxdtxt {
	text-align: left;
	padding: 1em;
}

.kinfobox {
	width: 100%;
	margin: 0 1%;
}

.kinfobox3 {
	width: 15%;
	margin: 0 5% 0 0;
}

.kinfobox4 {
	padding: 0.4em 0 0 0;
}

}

@media only screen and (min-width: 600px) and (max-width: 800px){

h1 {
	font-size: 2em;
	width: 90%;
	margin: 0 5% 0.5em 5%;
}

h2 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.3em;
}

#header1 {
	padding: 0 0 30% 0;
}

#header2 {
	padding: 0 0 30% 0;
}

#header3 {
	padding: 0 0 30% 0;
}

#header4 {
	padding: 0 0 30% 0;
}

#header5 {
	padding: 0 0 30% 0;
}

#header6 {
	padding: 0 0 30% 0;
}

#header7 {
	padding: 0 0 30% 0;
}

#box {
	top: 1em;
}

#sadrzajbox1 {
	padding: 2em 0;
}

.sadrzajsve {
	width: 80%;
	margin: 0 10%;
}

.sadrzajsvetxt {
	text-align: left;
	padding: 1em;
}

.video {
	width: 100%;
}

.fotka {
	width: 100%;
}

.logo {
	width: 30%;
}

.nav {
	width: 60%;
	padding: 0.7em 0 0 0;
	position: absolute;
}

.sadrzajboxd {
	width: 70%;
	margin: 0 0 0 30%;
}

.sadrzajboxdtxt {
	text-align: left;
	padding: 1em;
}

.kinfobox {
	width: 100%;
	margin: 0 1%;
}

.kinfobox3 {
	width: 15%;
	margin: 0 5% 0 0;
}

.kinfobox4 {
	padding: 0.4em 0 0 0;
}

}