body {
}

.resim {
    width: auto;
	height: 1000px; /* Oranları korumak için */
	position: absolute;
}

.center-div {
    position: absolute;
    top: 50px;
    left: 60%;
    transform: translate(-50%, -50%);
    /* Ortalanacak div'in stil özellikleri */
}

.linkler {
    height: 148px;
    width: 100%;
    position: absolute;
    bottom: -700px;
}

.kobil {
    position: absolute;
    right: 0;
    width: 136px;
    height: 75px;
    bottom: 65px;
}


/* Telefonlar için */
@media only screen and (max-width: 600px) {
  .resim {
	height: 400px; /* Oranları korumak için */
  }
  
  .center-div {
    position: absolute;
    top: 50px;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 90%;
}

 .linkler {
    height: 80px;
    width: 283px;
    position: absolute;
    bottom: -404px;
  }
  
  .kobil {
  position: absolute;
  right: 0;
  width: 63px;
  height: 33px;
  bottom: 41px;
}
}

/* Tabletler için */
@media only screen and (min-width: 601px) and (max-width: 900px) {
  .resim {
    height: 600px; /* Oranları korumak için */
  }
  
  .center-div {
    position: absolute;
    top: 50px;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 75%;
}

 .linkler {
    height: 120px;
    width: 424px;
    position: absolute;
    bottom: -607px;
  }
  
.kobil {
  position: absolute;
  right: 0;
  width: 94px;
  height: 55px;
  bottom: 65px;
}
}

/* Bilgisayarlar için */
@media only screen and (min-width: 901px) {
  .resim {
    height: 700px; /* Oranları korumak için */
  }
  
  .center-div {
    position: absolute;
    top: 50px;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.linkler {
    height: 148px;
    width: 495px;
    position: absolute;
    bottom: -700px;
}

}



.kobil-link {
    width: 100%;
    height: 100%;
    position: static;
    display: block;
}