.car {
    position: relative;
    float: left;
    top: 0;
}
.logos {
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
    float: left;
}

.logos a {
    width: 25%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    align-items: center;
}
.footer {
    display: flex;
    font-family: 'Mohave', sans-serif;
    font-size: 10px;
    padding: 15px 0;
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid rgba(0,0,0,0.15);
    flex-direction: column;
    align-items: center;
}
.foo-nav {
        margin-left: 0;
    margin-top: 25px;
}
.logos a img {
    max-width: 125px;
}
.red 
{
    color: #FF0000;
}
.register-form-gt {
    text-align: center;
    padding-top: 4%;
}
.register-txt h3
{
    color: #8D8D8D;
}

.logo-frites {
    float: left;
}
.logo-mettet {

}
h5.form_section
{
    border-bottom: 1px solid #8D8D8D;
    padding-bottom: 2%;
    color: #7853A7;
}
.form-item
{
    margin-top: 2%;
}

.cashprice {
    font-size: 4vh;
    line-height: 5vh;
}
div.top-register h2.purple-text
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.purple-text
{
    line-height: ;
}

.tooltips
{
    font-size: 8px;
}
.form-label
{
    font-size: 0.75rem;
}
.tooltip
{

}
.additionnal_info
{
    font-size: 0.7rem;
}
.top-register
{
    width: 100%;
    margin: auto;
    padding-left: auto;
    padding-top: auto;
    height:80%;
}
.top-register h1
{
   padding-bottom: 10px; 
}
@media screen and  (min-width:769px) and (max-width:1200px) {
  img.logo-proximus
  {
    width: 7%;
  }
  img.logo-lan-area
  {
    width: 7%;
  }
  .midsection {
    height: 500px;
    }
}

@media screen and  (max-width:1024px) {
.car {
    position: static;
    width: 70%;
}
  .midsection {
    height: 80%;
    }
  iframe {
    width: 80%;
}
  .logos img {
    width: 30%;
}
  .rocketleague:hover .logo-gt {
    transform: translateY(-70px);
    transition: transform 3s ease; /* Ajoutez une transition pour une animation fluide */
  }
  .rocketleague:hover .button-container {
    opacity: 1;
    transform:translateY(155px);
  }
  .title h1, .title p {
    font-size: 14px;
  }
  .title p {
    font-size: 8px;
  }
  img.logo-proximus
  {
    width: 10%;
    top: 0;
    left: 0;
  }
  img.logo-lan-area
  {
    position: absolute;
    width: 10%;
    left: 82%;
    top: 0;
  }
  .cashprice {
    font-size: 3.5vh;
    line-height: 7.5vh;
    }
}

.languages_switch
{
    width: 20%;
    margin: auto;
    padding-bottom: 20px;
}

.languages_switch a 
{
    color: white;
}

.languages_switch a.selected
{
    text-decoration: underline;
}
.languages_switch .internal_page
{
    width: 20%;
    margin: auto;
}




@media screen and (min-width:960px) and (max-width:1024px) {
  .cashprice {
    font-size: 3.5vh;
    line-height: 7.5vh;
    }
  .rocketleague:hover .button-container {
    opacity: 1;
    transform:translateY(270px);
  }

}