/*
Theme Name: Peti Oktobar
Description: Peti Oktobar
Version: 0.0.1
Tags: Peti Oktobar
*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 95%;
	color: #4c4f59;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p, form {
	margin: 0;
	padding: 0;
}

ul, li {
	margin: 0;
	padding: 0;
}

.clearDIV { clear: both; }

.trans {
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* Header */
header { display: block; max-width: 1000px; width: 90%; height: auto; margin: 0 auto; padding: 1% 0;
	border-bottom: 5px solid #d94436;
}

header h2 { display: none; }

content { display: flex; flex-wrap: wrap; max-width: 1000px; width: 90%; margin: 0 auto; }
content > div#cols { width: 50%; margin: 0; }
content > div#cols:nth-of-type(2n) { margin-left: 0%; }
content > div#cols:nth-of-type(2n+1) { margin-right: 0%; }

div.sadrzajWrap { padding: 2% 2% 3% 0; }

div.sadrzajOne { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 30px;
	border-bottom: 3px solid #d9b6a3;
}

div.sadrzajOne h1 { display: block; width: 100%; height: auto; margin: 0 0 20px;
	font-size: 160%;
	color: #a64826;
	font-weight: bold;
}
div.sadrzajOne h2 { display: block; width: 100%; height: auto; margin: 10px 0;
	font-size: 130%;
	color: #a64826;
	font-weight: normal;
	text-transform: uppercase;
} 
div.sadrzajOne h3 { display: block; width: 100%; height: auto; margin: 10px 0 7px;
	font-size: 110%;
	color: #0d0d0d;
	font-weight: normal;
	font-style: italic;
} 

div.sadrzajOne p { display: block; width: 100%; margin: 0 0 7px; }
div.sadrzajOne a { text-decoration: none; color: #d94436; }
div.sadrzajOne a:hover { color: #0d0d0d; }
div.sadrzajOne img { display: block; width: 100%; height: auto; margin: 20px 0; }
div.sadrzajOne ul { display: block; margin: 15px 0 15px 30px; }
div.sadrzajOne ul li { margin: 0 0 7px; }

div.slika {
	background-image: url('images/brick-wall.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Footer */
footer { display: block; width: 100%; height: auto; padding: 1% 0;
	background-color: #d9b6a3;
}
div.fWrap { display: block; max-width: 1000px; width: 90%; height: auto; margin: 0 auto; }

div.c_footer { display: inline-block; width: 49.8%; vertical-align: top; }
div.c_footer h2 { display: block; width: 100%; margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 130%;
}
div.c_footer p { margin: 0 0 5px; }



@media (max-width: 768px) {
	header img { display: block; width: 80%; height: auto; margin: 0 auto;  }

	content > div#cols { width: 100%; margin: 0 ; }
	content > div#cols:nth-of-type(1n) { margin-left: 0%; }
	content > div#cols:nth-of-type(1n+1) { margin-right: 0%; }

	div.c_footer { display: block; width: 100%; margin: 15px 0; text-align: center;
	    -moz-transition: all .1s ease-in;
	    -o-transition: all .1s ease-in;
	    -webkit-transition: all .1s ease-in;
	    transition: all .1s ease-in;
	}
}