* {

	box-sizing: border-box;

	margin: 0;

	padding: 0;

}



body {

	font-family: sans-serif;

	background: #f6f7f7;;

}



.hr-1 {
	border: 2px solid #d4af37;
}



.hr-2 {

	width: 100%;

	border-width: 2px;

}



.p-b-1 {

	padding-bottom: 1em;

}



section {

	display: flex;

	/*background: #f0f0f1;*/

}



.dokument {

	width: 60%;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.zaglavlje {

	display: flex;

	background: #dcdcde;

	align-items: center;

}



.zaglavlje img {

	width: 200px;

	display: inline;

	padding: 0.8em;

	border-radius: 50%;

}



.naslovi {

	margin-left: 2em;

	width: 50%;

	display: inline;

	font-family: Courier;

}



.naslovi h2 {

	font-size: 2em;

}



.naslovi h3 {

	font-size: 1.5em;

}



.naslovi h5{

	font-size: 1em;

}



.kontakt {

	text-align: right;

	margin-right: 2em;

	width: 50%;

	display: inline;

	

}



.kontakt, .kontakt p a {

	font-family: Courier;

	font-size: 1.1em;

	text-decoration: none;

	color: black;

}



.sadrzaj {

	padding-right: 1em;

	padding-left: 1em;

	background: #f0f0f1;

}



.levo {

	width: 25%;

	text-align: center;

	padding: 1em;

}



.desno h3 {

	color: #3c434a;

}



.desno h4, h5 {

	color: #646970;

}



.levo h2 {

	color: #d4af37;

}



.desno {

	width: 75%;

	padding: 1em;

	font-family: TimesNewRoman;

}



@media only screen and (max-width: 1300px) {

	.dokument {

		width: 85%;

	}

}


@media only screen and (max-width: 1100px) {

	.dokument {

		width: 90%;

	}

}



@media only screen and (max-width: 750px) {

	.dokument {

		width: 100%;

	}

}



@media only screen and (max-width: 650px) {

	

	section, .zaglavlje {

		display: block;

	}

	

	.zaglavlje img {

		width: 100%;

		padding: 2em;

	}



	.naslovi {

		text-align: center;

		margin-bottom: 1em;

		margin-left: 0;

		font-size: 1.7em;

	}

	

	.naslovi h2 {

		font-size: 1.2em;

	}



	.naslovi h3 {

		font-size: 0.7em;

	}



	.naslovi h5{

		font-size: 0.5em;

	}

	

	.kontakt {

		text-align: center;

		margin-bottom: 1em;

		padding: 2em;

		font-size: 1em;

	}

	

	.levo, .desno {

		width: 100%;

	}

}