@import url('https://fonts.googleapis.com/css?family=Abel|Dosis');



/*font-family: 'Dosis', sans-serif;
font-family: 'Abel', sans-serif;*/


body{margin:0;
background-color:#e6ebf4;
padding:0;
box-sizing:border-box;
font-family: Verdana, sans-serif;
font-size:24px
}
.wrapper {max-width:70%;
			margin:auto;
			}

header {background-color:#F4E6F2;
		background-image:url("media/header.png");
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		min-height:90px;
		padding:30px;
		margin-top:0;}	
		
#mobileButton{display:none}
nav {background-color:#ff9966;
	width:100%;
	
	text-align:center;
	min-height:100px;
}

nav li {display:inline;
		}
#menugl a {display:inline-block;
	text-decoration: none;
           color:#666;
		   padding: 20px;
           font-size: 20px;
          text-transform: uppercase;
			background-color:#E6F4E8;
			margin:15px 5px;
			border-radius:15px;}
			
#menugl a:visited {color:#000;}
#menugl a:hover {background-color:#FFF;
				border:1px solid #000;
				
				}
	
h1,h2,h3,h4,h5,h6 {font-family: 'Dosis', sans-serif}

	section {padding:30px}
	
	
	p {font-family: 'Verdana', sans-serif;
		text-align:justify;}
	
	.toTop  {display:block;
		text-align:right;
			text-decoration:none;
			text-transform:upercase;
			margin-right:20px;}
			
			
.clearfix:after {content:"";
						display:block;
						clear:both;
						height:0;
						font-size:0;
						visibility:hiden}
						
.inf {float:left;
		width:30%;
		border:1px solid #ccc;
		}

.fbpage {float:left;
		width:68%;
		border:1px solid #ccc;}	

.contactform /*– div u kojem se nalazi kontakt forma–*/
{
width: 460px
}
.contactform form /*– cijela forma–*/
{

font-size:1.2em;
}
.contactform label  /* — natpisi:  “name” , E-mail, Text–*/
{
width:95%;
font-size:0.8em;
}
.contactform textarea, .contactform input /*– polja u koja se upisuje ime, mail adresa i tekst–*/
{
width:95%;
padding: 5px;
background: #ece9d8;
border: #808064 1px solid;
margin-bottom:5px;
}
.contactform .submit-button  /* — button za submit–*/
{
float:left;
width: 100px;
margin-right: 11px;
}
.contactform textarea:focus, .contactform input:focus, .contactform .submit-button:focus /*– ponašanje polja za upis i submit buttona na klik mišem — */
{
border: #99161c 1px solid;
background:#ffffff;
}


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

	header {background-image:none;
			max-height:0;
			 visibility: hidden;
			 }
		
	#mobileButton{display:block;
	padding:5px;	}

	nav {min-height:50px;
		text-align: left;}
	#menugl a{display:block !important;}
	


	
	#menugl {position:absolute; top:0;
		padding:0;}
		
	#menugl ul,{display:none;}
	
	#menugl li{display:block;
		margin-right:0;}
		
	#menugl a{display:block;
		text-align:center;
		padding:10px;
		border-top:1px solid #999999;
		color:#000;
		 font-size: 10px;
		 border-radius:5px;
		 max-width: 80px;}

section {padding:5px}
	p {font-size:15px}
		
	.wrapper{width:100%;
	padding:5px;
	margin:2px;}