body,h1,h2,h3,h4,h5,h6 {font-family: "Helvetica", sans-serif;}

body, html {
  height: 100%;
  color: #777;
  line-height: 1.8; /*razmik vrstic */
}

#novice {  margin-top: 500px; }

#noga {position: bottom;}

.footer {

  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;

}

html {
  scroll-behavior: smooth;
}


.porto {
	background-color: white;
}

.opis {
	background-color: white;
	text-align: middle;
	 overflow: hidden;
	 width: auto;
	 height:auto;

} 
div.a {
  height: auto;

}
.novice {
  width: 900px;
 
  border-color: #92a8d1;
  overflow: auto;

}
.novice {
  width: 900px;
  border-style: double;
  border-width: 5px;
  border-color: #92a8d1;
  overflow: auto;
  background-color: white;
}



/* naredi Parallax efekt */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* prva slika-odzadi) */
.parallax {
  background-image: url('slike/platno.jpg');
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
 
}

Second image (Portfolio) 
.bgimg-2 {
  background-image: url("/w3images/parallax2.jpg");
  min-height: 400px;
}

 Third image (Contact) 
.bgimg-3 {
  background-image: url("/w3images/parallax3.jpg");
  min-height: 400px;
}

.w3-wide {letter-spacing: 5px;}
.w3-hover-opacity {cursor: pointer;}



/* izklop paralax skrolinga za majnše naprave (mobitele, talice) */
@media only screen and (max-device-width: 2000px) {  /* 1600 px */ 
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
  

.slika{
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  }
  
.kontakt{
	width:200 px;
	height:300 px;
	color: black;
	background-color:white;


}

.portof {
	 width: 100%
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}


.mySlides {
  /* display: none; */ 
  padding: 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position:  absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #777;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* gumb naprej se da na desno stran */
.next {
  position: right;
  right: 0;
  border-radius: 3px 0 0 3px;
  background-color: black;
  color: white;
}

.prev {
  
  background-color: black;
  color: white;
  position: left;
}


.prev:hover, .next:hover {
  background-color: white;
  color: black ;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: black;
	
}

/* pike odspodi pod slideshovom */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* doda barvo ozadja na aktivnem polju pike. */
.active, .dot:hover {
  background-color: cornflowerblue;;
}



/* naslovi novic so iste barve */
.naslovNovic {color: cornflowerblue;}

.center {
	margin: auto;
	width: 50%;
	padding:10px;
  line-height: 200px;
  height: 600px;

  text-align: center;
}

.center p {
  line-height: 1.5;

  vertical-align: middle;
}

.tekst {
	color: black;
}
.prostor {
	height: 200px;
	width: 100%;
}
.prostor1 {
	height: 100px;
	width: 100%;
}

.prostor2 {
	height: 10px;
	width: 100%;
}

.prostor3 {
	height: 20px;
	width: 100%;
}

.meni { 
 width: 100%;
 height: 1000 px;
border: 3px;
border-color: black;
  float: center;
  display: middle;
}

.linki {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

a {
  color: black;
}

img {margin-bottom: -7px}
.w3-row-padding img {margin-bottom: 12px}