body {
  display: flex;
  height: 100vh;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  background: url(image/Bg.jpg) no-repeat center/cover;
}

ul {
  padding: 0;
}
.image {width:100%}
li {
  display: inline-block;
  list-style-type: none;
  margin: 0 20px;
}
li:nth-child(1) button {
  background: #F3FFBD;
}
li:nth-child(2) button {
  background: #247BA0;
}
li:nth-child(3) button {
  background: #FF1654;
}

li:nth-child(4) button {
  background: #FF1654;
}
.iletisim {    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
bottom: 5%;}
@media screen and (max-width: 992px) {
  .iletisim {
       width: 90%;
    bottom: 15%;
  }
  button {    left: 50%;
    transform: translateX(-50%)!important;
    width: 155px!important;
    height: 155px!important;
    margin-bottom: 30px;}
}
button {
  position: relative;
  background: rebeccapurple;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 5px solid white;
  color: white;
  font-family: Verdana;
  font-weight: bold;
  font-size: 50px;
  cursor: pointer;
  padding: 0;
}