body, html {
  margin: 0;
  height: 100vh;
  width: 100%;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 700px;
  background-image: url('/static/img/sfondo_2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
}

#player{
  margin: 0 auto;
}
.player-wrapper{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  height: 100%;
}
#iframePlayer {
  top:0;
  left: 0;
  position: absolute;
}


@media (max-width: 576px) {
  .container{
    max-width: 400px;
  }

}
 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .container{
    max-width: 400px;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .container{
    max-width: 550px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .container{
    max-width: 750px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .container{
    max-width: 940px;
  }
}
@media (min-width: 1400px) {


}
@media (min-width: 1600px) {

}
@media (min-width: 2000px) {

}