body{background-color:#eee; border:none;overflow-x:hidden; padding:0; box-sizing:border-box; margin:0; font-family:Trebouchet, sans-serif;}
	main{width:56em; background-color:white; margin:5em auto; box-shadow:0 0 1em #ddd; padding:4em 2em; box-sizing:border-box}
	.logo{width:60%; padding:0em 20%}
	p{width:100%; text-align:center}
	h1{width:auto; padding:0.5em 2em; text-align:center; font-size:130%; font-weight:normal}
	.trecina{width:33.33333%; padding:0; margin:0; box-sizing:border-box; float:left; height:auto; background-color:white}
		h5{width:100%; padding:0em; text-align:center; font-weight:normal; line-height:1em; margin:.5em 0}
		.kalendari{width:90%; margin:0 5%; height:auto; box-shadow:0 0 .5em gray}
	.footer{clear:both; margin-top:30em; text-align:center; line-height:150%}	
a{color:#E3791C; font-weight:bold; text-decoration:none; transition:.25s}
a:hover{color:black;}

/* -----------------------------------MOBITEL VERZIJA --------------------------------------- */
@media only screen and (max-width: 56em) { 
body{font-size:3vw; background-image:none; background-color:#FCFAF4}
	main{width:100vw; margin:0em auto; padding:10vh 4vw;}
	.logo{width:60%; padding:0em 20%}
	p{width:100%; text-align:center}
	h1{width:100%; padding:4vh 4vw; text-align:center}
	.trecina{width:33.33333%; padding:0; margin:0; box-sizing:border-box; float:left; height:auto; background-color:white}
		h5{width:100%; padding:0em; text-align:center; font-weight:normal; line-height:3vw; margin:1vh 0}
		.kalendari{width:90%; margin:0 5%; height:auto; box-shadow:0 0 .5em gray}
	.footer{clear:both; margin-top:60vw; text-align:center; line-height:150%}									
}