/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
}
.wrap {
	width: 95%;
	margin: 0 auto;
}
/*---end reset-----*/



*{
	font-family: 'Archivo', sans-serif;
	font-weight: 300;
}
body {
	color: #ffc107;
	font-style: italic;
}
hr {
	border-top: 1px solid #ffc107;
}
a.linkovi:link {text-decoration:none;}
a.linkovi:visited {}
a.linkovi:hover {text-decoration:underline;}

p {
	margin: 8px;
	text-align: justify;
	font-size: 18px;
}
table.popusti {
	margin-left: 50px;
	font-size: 18px;
}
table.popusti tr {
	
}
table.popusti td {
	padding: 0px 5px;
}
.header {
	height:100px;
	background: black;
	border-bottom: 1px solid #ffc107;
}
.logo {
	float: left;
}
.logo_img {
	height:70px;
	width:auto;
	padding: 20px 10px 0 0;
}
.logo_text {
	font-size: 24px;
}
/*---- meni ------*/
.meni {
	float: right;
}
.meni ul li {
	display: inline-block;
	float: left;
}
.meni ul li a {
	font-size: 1em;
	display: block;
	padding: 35px 30px 35px 30px;
	display: block;
}
.meni li.active>a,
.meni li>a:hover {
	color:white;
	background: url(../slike/pointer.png) 50% 100%no-repeat;
}
#zastava {
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 0px 0px;
	z-index: 10;
	background-color: black;
}
#hamburger_kontejner {
	position: fixed;
	top: 50px;
	right: 10px;
	padding: 5px 8px;
	z-index: 10;
	background-color: black;
}
#hamburger_kontejner i{
	background-color: black;
	font-size: 24px;
}
#meni_mobilni {
	position: fixed;
	top: 90px;
	right: 10px;
	color: #cccccc;
	background-color: #ffc107;
	z-index: 10;
}
#meni_mobilni a:link{
	font-size: 20px;
	padding: 10px 30px;
	margin-right:10px;
	z-index: 10;
}
/*---- kraj menija ------*/

/*---- kontakt ------*/
.kontakt_levo{
	padding-right: 50px;
	border-right: 1px solid #ffc107;
	text-align: right;
}
.kontakt_desno{
	padding-left: 50px;
	text-align: left;
}
/*---- kraj kontakt ------*/


/***** Media Quries *****/
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
	.logo_text {
		font-size: 20px;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 951px) {
	.logo_text {
		font-size: 18px;
	}
}
@media only screen and (max-width: 950px) and (min-width: 851px) {
	.logo_text {
		font-size: 16px;
	}
}
@media only screen and (max-width: 850px) and (min-width: 751px) {
	.logo_text {
		font-size: 14px;
	}
}
@media only screen and (max-width: 750px) and (min-width: 551px) {
	.logo_text {
		font-size: 13px;
	}
}
@media only screen and (max-width: 550px) {
	.logo_text {
		font-size: 12px;
	}
}