@import url('https://fonts.googleapis.com/css?family=Overpass:100,400&subset=latin-ext');

@font-face {
  font-family: 'Socicon';
 
  src:  
    url('font/socicon-webfont.ttf') format('truetype'),
    
  font-weight: normal;
  font-style: normal;
}

[class^="socicon-"], [class*=" socicon-"] {
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,html{
	
position: relative;
font-family: 'Overpass', sans-serif;
background: #000;
background: rgba(0,0,0,.8);
color: #fff;
margin: 0px;
padding: 0px;
font-weight: 100;
}

div, span{
	box-sizing: border-box;
	overflow:hidden;
}

.site_title{
	display: none;
}

#okvir{
	min-height: 100vh;
	box-sizing: border-box;
}

#vsebina{
	display: block;

}

#logo{
	display: block;
	clear: both;
	width: 80%;
	max-width: 800px;
	margin: 0px auto;
}

#koncerti{
	display: block;
	margin-top: 8vh;
	text-align: center;
	font-size: 18px;
}

#koncerti a{
	color: #fff;
	text-decoration: none;
}
#koncerti a:hover{
	color: 	#bfa434;
}

#sociala{
	display: block;
	clear: both;
	margin-top: 8vh;
	width: 100%;
	padding: 0px 10%;
	text-align: center;
}

.social-links span{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #111;
	border-radius: 50%;
	margin: 0px 10px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size:20px;
	}
	
.social-links span:hover{
	background-color: #bfa434;
}

#ozadje{
	position: fixed;
	top: 0px;
	lefT: 0px;
	width: 100%;
	height: 100%;
	background-color:#000;
	background-image: url('img/nojz.gif');
	z-index:-1;
	background-size: 400px 400px;
}