@media screen and (min-width: 601px){
body {
    background-image: url(../images/bg_pursucre.png);
    background-color: #f9f3f0;
    max-width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

    
    

   }
}

@media screen and (max-width: 600px){
    body {
        background-image: url(../images/bg_mobile_pursucre.png);
        background-color: #f9f3f0;
        max-width: 100%;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    
        
        
    
       }
    }


p {
    font-family: Helvetica, sans-serif;
    font-size: 1.4vh;
   font-weight: 300;
   text-align: center;
   letter-spacing: 0.1em;
    
}

h1 {
    font-family: Helvetica, sans-serif;
    font-size: 1.8vh;
    font-weight: lighter;
    text-align: center;
    letter-spacing: 0.1em;
    
}

h2{
    font-family: Helvetica, sans-serif;
    font-size: 30px;
    font-weight: lighter;
    text-align: center;
    letter-spacing: 0.1em;
}
.box1 {
     
    margin-top: 5vh;
    
}

.box2 {
     
    margin-top: 25vh;
}

.box3 {
     
    margin-top: 5vh;
    
}



svg {
    width: 4vh;
    height: 4vh;
    fill: #232120;
  }

  svg:hover {
    fill: rgb(191,167,159);
    
  }
  

  
  
  
  
  body {
    display: grid;
    height: 90vh;
    margin: 10;
    place-items: center center;
  }

  a {
    text-decoration: none;
  }

a [href^="tel"] {
    color:inherit;
    text-decoration:none;
}