@charset "utf-8";
/* header media queries */
@media screen and (max-width: 1800px) {
	.media-block {	width: 29.6%; }	
}

@media screen and (max-width: 1600px) {
	.media-block {	width: 29.7%; }	
}

@media screen and (max-width: 1400px) {
}	

@media screen and (max-width: 1280px) {
	.frame { width: 82%; }
	.table-holder { width: 82%; }
	#logo-holder { padding: 4rem 0 2rem 0; }
}

@media screen and (max-width: 1100px) {	
  .frame { width: 92%; }
  .table-holder { width: 92%; }
  #logo-holder { padding: 3rem 0 2rem 0; }
}

@media screen and (max-width: 1024px) {
	.frame { width: 96%; }
	.table-holder { width: 96%; }
	#logo-holder { padding: 2rem 0 2rem 0; }
	#logo { width: 25%; margin-bottom: 0.25rem; }
}

@media screen and (max-width: 860px) {
    .media-block { width: 29.6%; }	
}

@media screen and (max-width: 800px) {
    .news-block { width: 46%; }
}
	
@media screen and (max-width: 768px) {	
	#logo { width: 35%; margin-bottom: 0.25rem; }
	.media-block {	width: 96%; }
	.media-block-b { width: 96%; }	
	.footblock { width: 96%; text-align: center; }
	.ico-cont {	float: none; width: auto; text-align: center; }	
	#ico-txt { display: none; }
	.whitebox {	float: none; }
}

@media screen and (max-width: 600px) {
	.head-text { font-size: 1.4rem; }
}

@media screen and (max-width: 484px) {
	.news-block { width: 96%; }
	.media-block {	width: 96%; }
	.whitebox { width: 70%; line-height: 1.2; font-size: 1.5rem; text-align: center; }
}

@media screen and (max-width: 430px) {	
}

@media screen and (max-width: 400px) {	
}

@media screen and (max-width: 384px) {	
}

/* Onemogućavanje tamnog moda na kraju CSS-a */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #FFF !important;
    color: #000 !important;
  }
}