body {font-family: 'Open Sans', sans-serif;}
.mySlides {display: none}
.w3-content {max-width:2000px}
.w3-container{max-width: 890px}
.red,.hover-red:hover{color:white!important;background-color:rgb(250,30,80)!important}
.green,.hover-green:hover{color:black!important;background-color:rgb(30,190,150)!important}
.grey,.hover-grey:hover{color:black!important;background-color:rgb(178,178,178)!important}
.plank46{height:46px;}
.thumb{max-width: 100%}
.bg{min-height: 100vh;}
.hcenter{padding: 0}

.wiggle {
  animation: wiggle 2s infinite;
}

.wiggle:hover {
  animation: none;
}

.bandTitle{
  position: relative;
  width: 80%;
  height: auto;
  top: 80vh;
}

#kurentanc{
	position: absolute;
	top: 40px;
	right:0;
	width: 50vw;
}

#kurent{
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 20vw;
}

#home{
	background: url('../img/illusion.png') no-repeat center center;
	background-size: cover;
}

#band1{
	background: url('../img/magnifico.jpg') no-repeat left top fixed;
	background-size: contain;
	height: 100vh;
}
#band2{
	background: url('../img/leteciOdred.jpg') no-repeat center top fixed;
	background-size: contain;
	height: 100vh;
}
#band3{
	background: url('../img/david.jpg') no-repeat right top fixed;
	background-size: contain;
	height: 100vh;
}



@media screen and (max-width: 550px) and (min-height: 550px) {
	#kurentanc{
		width: 100vw;
	}
  #kurent{
    width: 40vw
  }
}

@keyframes wiggle {
    0% { transform: rotate(0deg); transform: translateY(0);}
   20% { transform: translateY(10px); transform: rotate(5deg); }
   40% { transform: translateY(0); transform: rotate(-5deg); }
   60% { transform: translateY(10px); transform: rotate(10deg); }
  100% { transform: translateY(0); transform: rotate(0deg); }
}