@media only screen and (min-width: 641px) and (max-width: 800px)
 {
  body {font-size: 17px;}
  .Container {width: 95%;}
  .Streaming {width: 450px;}
  audio {width: 450px; position: relative; top: 10px;}
  header {position: relative; max-width: 100%;}
 }

@media only screen and (min-width: 801px) 
 {
  body {font-size: 20px;}
  .Container {width: 1000px;}
  .Streaming {width: 650px;}
  audio {width: 450px; position: relative; top: 10px;}
  header {position: relative; max-width: 1000px; margin: 0 auto;}
 }

.Container
 {
  margin: 0 auto;
  position: relative;
 }

.CaracteristiquesGuitare
 {
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 10px;
  width: 420px;
  background-color: #B7CDF7;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 6px 6px 0px black;
 }

.Info
 {
  width: 95%;
  margin: 0 auto;  
  border: 3px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #FFFACD;
  text-align: center;
 }

.InfoReplique
 {
  width: 95%;
  margin: 0 auto;  
  border: 3px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #FFFACD;
  text-align: center;
 }

.Aventure0
 {
  width: 95%;
  margin: 0 auto;  
  border: 3px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #FFF7A6;
  text-align: justify;
 }

.Aventure1
 {
  width: 95%;
  margin: 0 auto;  
  border: 3px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #FFCD91;
  text-align: justify;
 }

.Aventure2
 {
  width: 95%;
  margin: 0 auto;  
  border: 3px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #97ECE8;
  text-align: justify;
 }

.Streaming
 {
  margin: 10px auto;
  border: 2px solid #00000F;         
  border-radius: 20px;
  padding: 10px;
  background-color: #FFFACD;
 }