.main-content {
  background-image: url(../img/Banniere.png);
  background-size: cover;
  background-color: #FFFFFF70;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 80vh;
  padding-top: 80px;
}

h1{
  font-weight: bold;
}

.section-ecoute {
  display: flex;
  flex-direction: column;
  align-items: center;

  background: url(../img/manche_pingouin.jpg) center;
  background-size: cover;

  padding-bottom: 50px;
}

.section-ecoute h1 {
  padding-top: 180px;
  padding-bottom: 30px;
  text-align: center;
}

.videos-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.video{
  width: 30vw;
  height: 16.875vw;
  padding: 50px;
}

.section-repertoire{
  background: url(../img/Banniere.png) center;
  background-size: cover;
}

.container-repertoire{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #1f1f1f88;
}

.container-repertoire {
  text-align: center;
  color: #f1f1f1
}

.container-repertoire ul{
  list-style-type: none;
  padding: 15px;
  font-size: 1.2em;
}

@media all and (max-width: 860px) {
  .videos-container{
    flex-direction: column;
  }

  .video{
    width: 60vw;
    height: 33.75vw;
  }
}