.iphone {
  margin-left: auto;
  margin-right: auto;
  transform: rotate(-7deg);
  display: block;
  color: #fff;
  text-align: center;
  font-family: "SF Pro Display", Helvetica Neue, Arial, sans-serif;
  letter-spacing: -0.022em;
  font-size: 2.5vmin;
  text-shadow: 10px 0 0.5em #000;
  background-color: rgba(231, 225, 225, 0.518);
  background-size: auto 45%, cover;
  background-repeat: no-repeat, no-repeat;
  border: solid #111;
  margin-bottom: 2em;
  position: relative;
  box-shadow: 10px 0.5em 2em 0.2em rgba(0, 0, 0, 0.89), 0 0 0 0.5px #000 inset;
  transition: all 0.1s linear, line-height 0s linear;
  background-position: 50% 100%, center;
  transform-origin: bottom center;

  width: 36vh;
  height: 70vmin;

  border-width: 1.8vmin;
  border-radius: 4vmin;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #111), url(../img/Vue_ciel.jpg);
  z-index: 200;


}



.notch {
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  width: 20vmin;
  height: 2vmin;
  margin: 0 auto;
  background: #0d0d0d;
  border-radius: 0 0 20px 20px;
  z-index: 100;
}





/* Small screens */
@media only screen and (max-width: 900px) {


  
  body {

   background-image: snow;
   

    overflow: scroll;
  }



  #home_btnphone{
    display: none;
    position: absolute;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:white;
    border:5px inset #B77B6E;
    left: 10em;
    bottom: 3%;
  }



  #cardspad{
    background: linear-gradient(90deg, rgb(143, 216, 252) 0%, rgba(255,255,255,1) 36%, rgba(245,255,147,1) 75%, rgba(255,255,255,1) 81%, rgba(250,251,237,1) 94%, rgba(245,255,147,1) 100%, rgba(245,255,70,1) 100%);
border-radius: 25px;
text-align: center;
  }



  .notch {
    display: none;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 20vmin;
    height: 2vmin;
    margin: 0 auto;
    background: #0d0d0d;
    border-radius: 0 0 20px 20px;
    z-index: 100;
  }
  
  











  .iphone {

    display: none;
    color: #fff;
    text-align: center;
    font-family: "SF Pro Display", Helvetica Neue, Arial, sans-serif;
    letter-spacing: -0.022em;
    font-size: 2.5vmin;
    text-shadow: 10px 0 0.5em #000;
    background-color: rgba(231, 225, 225, 0.518);
    background-size: auto 50%, cover;
    background-repeat: no-repeat, no-repeat;
    border: solid #111;
    margin-bottom: 2em;
    position: relative;
    box-shadow: 10px 0.5em 2em 0.2em rgba(0, 0, 0, 0.89), 0 0 0 0.5px #000 inset;
    transition: all 0.1s linear, line-height 0s linear;
    background-position: 50% 100%, center;
    transform-origin: bottom center;
  
  
  
    width: 32vh;
    height: 60vmin;
  
    border-width: 1.5vmin;
    border-radius: 4vmin;
    background-image: linear-gradient(rgba(0, 0, 0, 0), #111), url(../img/Vue_ciel.jpg);
    z-index: 200;
  
  
  }












}