/* General Content
–––––––––––––––––––––––––––––––––––––––––––––– */
.main{padding-top:3%;}
.row{padding: 1% 0; margin: 1% 0;}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––– */


/* Header & Navigation
–––––––––––––––––––––––––––––––––––––––––––––– */
body{
	
	background-color:;
	 background-image: url ("images/zima/wallpaper.jpg");
	background-repeat: no repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: auto;
	
}
header {position:relative;}
header.main_nav{
	
	
	background:;
	display: inline-block;
	height: 350px;
	margin-top: 10px;
	margin-bottom: 270px;
	
}

li {list-style-type: none;}
nav ul{text-decoration: none;
	display: flex; 
	flex-wrap: wrap; 
	max-width: 1000px; 
	margin: 0 auto;	
	
   }
	nav ul,
nav li{
	flex: 1;
}
nav li:last-child{border-bottom: none;}
nav a{
	text-decoration: none;
	color: inherit;
	display: inline;
	font-size: 1.2em;
	color:green;
	border: solid 1.3px;
	border-color: green; 
	text-transform: uppercase;
	text-align:center;
	font-family: 'Josefin Sans', sans-serif;
	padding: 0px 10px 0px 10px;
	margin: 0 auto;
	
}
nav li{
	position: relative;
	text-align: center;
	text-decoration:none;
	line-height: 50px;
	
	
	
}  


nav a:hover{
	color: white;
	font-size: 150%;
	border-color: white;
}


.logo img{
	
	margin-top: auto;
	display:inline;
	text-align: center;
	margin: 0.4em;
	
}

.logo img:hover{
	opacity: 0.5;
}

.logo{
	margin-top:;
	text-align: center;
	background:;
	width: auto;
	height: auto;
	
}
	
.logo h1{	
     font-family: 'Calligraffitti', cursive;
	 font-size: 10em;
	 text-align: center;
	 margin-top: 60px;
}

.logo ul p {	
     font-family: 'Sitka Display';
	 font-size: 1.8em;
	 text-align: center;
}





.logo p{
	
	font-size: 0.5em;
	font-family: 'Josefine Sans', sans-serif ;
	margin-top: 0px;
	text-align: center;
	
}

.container_proizvod{
	
	background:white;
	width:100%;
	
	padding-top: 30px;
	padding-bottom: 30px;

	
}





.container_proizvod ul {
	float: center;
	text-align: center;

}



.container_proizvod h2{
	font-family: 'Calligraffitti', cursive;
	font-size: 2.5em;
	padding-top: 10px;
	margin-left: 50px;
	margin-top: 20px;
	text-align: left;
	color: green;
	opacity:0.5;
	
}

.container_proizvod p{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.1em;
	margin: 0.4em;
	text-align: left;
	margin-left: 100px;
	margin-right: 100px;
	color:black;
	margin-top: 30px;


	
}


.container_proizvod img{
	text-align:center;
	margin-top: 20px;
	display:block;
    margin-left:auto;
	margin-right:auto;
	
	
}


.container_media h3

{
	font-family: 'Calligraffitti', cursive;
	font-size: 2.5em;
	margin-top: 30px;
	margin-left: 50px;
	text-align: left;
	color: green;
	opacity:0.5;
		
}

/* NEMA NASLOVA ZA CONTAINER REKLAMU, AL NEK OSTANE KOD CSS AKO ZATREBA*/

.container_media p{
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.5em;
	color: black;
	padding-top: 10px;
			
}



 

.container_info {
	background-color:white;
	width: max-width;
	height: auto;
	text-align: center;	
	margin-top: 80px;
	margin-bottom: 20px;
	
}

.container_info ul {
	float: center;
	text-align: center;

}

.container_info ul img {
	height: 180px;
	width:170px;
	display: inline block;
	margin: 2em;
	margin-bottom: 0px;
	transition: all .2s ease-in-out;
	padding-top:20px;
	
	
}


.container_info ul img:hover{
	transform: scale(1.1); 
	
}
 

.container_info  p{
	opacity: ;
	font-size: 1.1em;
	text-align:left;
	display:block;
	color: black;
	font-family:'Josefin Sans', sans-serif;	
	margin: 0.5em;
	padding-bottom: 50px;

	margin-top:auto;
	margin-left: 100px;
	margin-right: 100px;
	
}


 

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––– */


footer{
	
	background:;
	text-align: center;
	width: max-width;
	font-family:'Calligraffitti', cursive;
    text-decoration: none;	
	font-size: 1em;
	padding-top: 20px;

}