.left-footer { float: left;}
.right-footer { float: right;}
.center-footer{ float: right;}

*{
  transition: 0.5s;
}

body {
  background-image: url('../media/tileD215B8.png');
  color: #fefefe;
  font-variation-settings: "wdth" 100, "GRAD" 100;
  font-weight: 300;
}

h2,h1,h3{
  font-variation-settings: "wdth" 150, "GRAD" -50;
  font-weight: 900;
}

footer img{
  height: 60px;
  padding-right: 50px;
}

footer .sponsors-small img{
    height: 60px;
    margin: 10px;
    padding-right: 0px;
}

.sponsors{
  font-size: 20px;
  flex: 10%;
  height: auto;
  vertical-align: text-top;
}

#footerMus-go{
  height: 50px;
}

footer{
  background-color: rgba(0, 0, 0, 0.13);
  padding-left: 5vw;
  padding-right: 5vw;
  margin-top: 20px;
}

.sponsors-small{
font-size: 10px;
height: auto;
vertical-align: text-top;
}

#container , #containerR{
  display: flex;
  flex-direction: row;
  font-size: 20px;
  text-align: center;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 20px;
  text-align: center;
}

#con-text{
  padding: 10px;
  flex: 50%;
  padding: 10%;
  font-variation-settings: "wdth" 100, "GRAD" 100;
  font-weight: 300;
  color: #fefefe;
}

#con-photo{
  padding: 10px;
  flex: 50%;
  max-width: 400px;
  margin: auto;
  border-color: #ffc800;
  border-width: 3px ;
  border-style:solid;
}

@media (max-width: 800px) {
  #container {
    flex-direction: column;
  }
  #containerR{
      flex-direction: column-reverse  
  }
}

/* Colors */

.brandYellow {
  color:#ffc800;
}