/* CSS Document */

.logo{
	max-width:200px;
	min-width:140px;
}

.navi{
	padding:50px;
}

.wrapprojects{
	margin-top:0px;
}

.wrapprojects .project{
	max-width: calc(25% - 20px);
	padding:00px 50px 100px 50px;;
}

.navi .right{
	padding:15px 10px;
}

.wrapprojects .project .projectimg img, .wrapprojects .project .projecttext{
	max-width:100%;
}

.wrapprojects .project .projecttext{
	margin-top:25px;
}

.titlelink:hover{
	opacity:0.7;
}

@media all and (max-width:1280px)
{
	.wrapprojects .project{
		max-width: calc(33.33% - 20px);
		padding:00px 10px 20px 10px;;
	}
}

@media all and (max-width:960px)
{
	.wrapprojects .project{
		max-width: calc(50% - 20px);
		padding:00px 10px 20px 10px;;
	}
}

@media all and (max-width:640px)
{
	
	.navi .right{
		clear:both;
		text-align: center;
		width:100%;
		margin-bottom:10px;
		padding:10px 0 10px;
	}
	
	.logo{
		margin:auto;
		display:block;
	}
	
	.wrapprojects .project{
		max-width: calc(100% - 20px);
		padding:0px 10px 20px 10px;;
	}
}


/* footer */

.footer{
	padding:50px 0;
	text-align:center;
	font-size:0.9em;
	width:100%;
}


/* SOIREEXD */

.blackbg{
	background: #000;
}

.soireetitle{
	font-family: "display_dotsregular";
}

.soireexd{
	background: #000;
	color: #fff;
	font-family: "dot_matrixregular";
}

.soireexd .box{
	padding: 100px;
}

.soireexd .title{
	font-size:50px;
}

.soireexd .text{
}

@media all and (max-width:960px)
{
	.soireexd .box{
		padding: 30px;
	}

}

.soireexd a, .soireexd a:link, .soireexd a:visited{
	color: #fff;
}

.oldtalks{
	opacity: 0.5;
}


.ticketbutton{
	
}

.color-changing-button {
  padding: 10px 20px;
  font-weight: bold;
  border: none;
  outline: none;
	color:#fff;
  background-color: #ee1741;
  animation: color-cycle 8s linear infinite;
	display: inline-block;
	font-family: "dot_matrixregular";
	
}

@keyframes color-cycle {
  0% {
    background-color: #ee1741; /* red */
  }
  25% {
    background-color: #50fe5e; /* green */
  }
  50% {
    background-color: #9326f1; /* blue */
  }
  75% {
    background-color: #0014fb; /* magenta */
  }
  100% {
    background-color: #ee1741; /* red */
  }
}

.soireexd a:hover{
	opacity:0.6 !important;
}