body.modal-open {
// block scroll for mobile;
// causes underlying page to jump to top;
// prevents scrolling on all screens
overflow: hidden;
  position: fixed;
}
body.viewport-lg {
// block scroll for desktop;
// will not jump to top;
// will not prevent scroll on mobile
position: absolute;
}
body{
    width: 100%;
    overflow-x: hidden;

}
/*Basic Vinyl Style*/
.album {
  margin: 10vw auto;
  -webkit-box-shadow: 0 7px 10px #aaa;
          box-shadow: 0 7px 10px #aaa;
}

.album,
.album .cover,
.album .cover img,
.album .vinyl {
  width: 300px;
  height: 300px;
}

.album > div,
.album .vinyl > div {
  position: absolute;
}

.album .cover {
  z-index: 2;
}

.album .vinyl {
  background-color: #202020;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.album .vinyl .label {
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
}.album .vinyl #label1 {
  background-image: url("../vignette1.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label2 {
  background-image: url("../vignette2.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label3 {
  background-image: url("../vignette3.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label4 {
  background-image: url("../vignette4.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label5 {
  background-image: url("../vignette5.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label6 {
  background-image: url("../vignette6.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label7 {
  background-image: url("../vignette7.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label8 {
  background-image: url("../vignette8.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label9 {
  background-image: url("../vignette9.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}.album .vinyl #label10 {
  background-image: url("../vignette10.png");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
}

.album .vinyl .hole {
  background-color: #eee;
  width: 5%;
  height: 5%;
  margin: 45% auto 0 auto;
}

.album .textCon {
  margin-top: 10px;
}

.album .textCon h1,
.album .textCon h3 {
  color: #eee;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: 3px;
  margin: 5px 0;
}

.album .textCon h3 {
  font-size: 0.75em;
}


/*Vinyl Style*/

.albumVinyl .round {
  border-radius: 9999px;
}

.albumVinyl .vinyl {
  -webkit-transform: translate(50px, 0) rotate(-180deg);
          transform: translate(50px, 0) rotate(-180deg);
}

.albumVinyl .vinyl:hover,
.albumVinyl .cover:hover + .vinyl {
  -webkit-transform: translate(300px, 0) rotate(0deg);
          transform: translate(300px, 0) rotate(0deg);
}


/*CD Style*/

.albumCd .vinyl {
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0)
}

.albumCd .vinyl:hover,
.albumCd .cover:hover + .vinyl {
  -webkit-transform: translate(300px, 0);
          transform: translate(300px, 0);
}


/*saut*/

.saut{
margin-top: 5%;
    font-size: 1.3em;
}


.none{
  display: none;
}
.textgrand{
  font-size: 1.1em;
}
.corner {
    /* background: rgba(179,220,237,1); */
    /* background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(227,227,227,1) 50%, rgba(194,177,174,1) 100%); */
    /* background: linear-gradient(to right, rgba(179,220,237,1) 0%, rgba(227,227,227,1) 50%, rgba(194,177,174,1) 100%); */
    border-radius: 64px 64px 64px 64px;
    /* -moz-border-radius: 64px 64px 64px 64px; */
    /* -webkit-border-radius: 64px 64px 64px 64px; */
    background-color: whitesmoke;
    border: 0px solid #000000;
    padding: 6%;
    font-size: 1.3em;
    margin-top: 20%;
    margin-right: 17%;
    margin-left: 17%;
    text-align: justify;
    font-family: 'Carme', sans-serif;
}

/*.sizeimg{*/
  /*width: 5%;*/
/*}*/