@media only screen and (max-width: 735px) {

  .pink {
    background-image: url("../images/bioclimatique.jpeg");
    background-size: cover;
    background-position: center;
    border-top-left-radius: 100%;
      box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
      margin:0;
  }
  .green {
    background-image: url("../images/bureaux.jpg");
    background-size: cover;
    background-position: center;
    border-top-right-radius: 100%;
  box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
  margin:0;
  }
  .blue {
    background-image: url("../images/renovation.jpg");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100%;
        box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
        margin:0;
  }
  .yellow {
    background-image: url("../images/construction.jpg");
    background-size: cover;
    background-position: center;
    border-bottom-right-radius: 100%;
        box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
        margin:0;
  }

.corner {
  height:5rem;
  width:5rem;
}

.outer-circle {
  height:10rem;
  width:10rem;
}

.leftspan {
  font-size:12px;
  margin-top: 2rem;
    margin-left: 2rem;
}

.rightspan {
font-size:12px;
margin-top: 2rem;
margin-left: 1rem;
}

body {
  display:unset;
  height:100vh;
}

.landing {
  overflow:hidden;
}

section {
  margin-top:25px;
}
}