/*boje*/
body{
	background-color:#AAAAAA;
}
h1,h2,h3,h4,li,a{
	color:#B6DAFF;
}
.boja{
	background-color:#AB6F6F;	
}
/*************************************************************************************************************/
/*veliine fontova*/
h1{
	font-size:40px;
}
h2{
	font-size:30px;
}
h3{
	font-size:30px;
}
h4{
	font-size:20px;
}
li{
	font-size:20px;	
}
/*************************************************************************************************************/
/*ostalo*/
body{
	width:100%;
	min-height:100vh;
	margin:0;
	text-align:center;	
}
ul{
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
}
ul,a {
	color: inherit;
	text-decoration: none;
}
img{
	width:100%;
}
.border{
	border:solid;
	border-radius:20px;
}
#main{
	width:1200px;
	height:100%;
	margin:auto;
}
#levo{
	width:30%;
	height:100%;
	float:left;
}
#desno{
	width:65%;
	margin-top:10%;
	float:right;
}
h3{
	height:10%;
	margin-top:50%;
}
.obavestenja{
	width:45%;
	height:50%;
	margin:2%;
	float:left;
}
#obavestenja{
	width:95%;
	margin:2%;
}
#logo{
margin-top:90px;
}



@media screen and (max-width: 1200px) {
#main{
	width:100%;
}
.obavestenja{
	width:44%;
}
#obavestenja{
	width:93%;
}
}


@media screen and (max-width: 800px) {
/*velicina fontova*/
h1{
	font-size:9vw;
}
h2{
	font-size:7vw;
}
h3{
	font-size:3vw;
}
h4{
	font-size:3vw;
}
li{
}
/*************************************************************************************************************/
#levo{
	width:100vw;
	height:25vw;
	float:none;
}
img{
	width:33vw;
	float:left;
}
h3{
	height:40px;
	width:34vw;
	float:left;
	margin:6vw 0;
}
#desno{
	width:100vw;
	margin:0;
	float:none;
	min-height:50vw;
}
div{
	margin:0;
}
#logo{
margin-top:3vw;
}
}