/* CSS Document */

body {
	background-repeat:repeat-x;
	background-color:#000;
	margin:0px;
	padding:0px;
	text-align:center;
	color: #FFF;
	font-family:Verdana, sans-serif;
	font-size: 15px;
}

p, h1, h2, h3, h4, { margin:0; padding:0; text-decoration:none;}
h1 {  font-size:17px; font-weight:150;}
h2 { font-size: 15px; color: #555; font-weight:50;}
a {
	text-decoration: none;
	color: #FFF;
}

.registration-info,
.registration-info a {
    color: #353535; /* Adjust to the grey shade you prefer */
}

/*-----------ANIMATIE-----------*/






/*--*/

#mid {
	width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	position:relative;
}


@media screen and (max-width: 768px) {
  #mid {
    width: 80%;

  }
}

.video-container {
  margin-left:auto;
	margin-right:auto;
  width: 100%;
  max-width: 1080px;
  height: auto;
}

video {
  width: 100%;
  height: auto;
  display: block;
}


#tekst {
	width: 600px;
	height: 90px;
	margin-top: 10px;
	position: relative;
}

.logos {
  display: flex;
  flex-direction: column;
}

.logo-row {
  display: flex;
  width: 100%;
  justify-content: space-around;
}

.logo-row img {
  flex-grow: 1;
  height: 140px;
  object-fit: contain; /* Keeps the aspect ratio of the logos */
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    #mid {
        width: 80%;
    }

    .logo-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo-row img {
        width: 80px; /* Scale down logo width */
        height: auto; /* Adjust height proportionally */
        margin: 10px; /* Add margin for spacing */
    }
}