#tp{
    position: relative;
    top: 10%;
    width: 60%;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
  #tp{
    position: relative;
    top: 25%;
    width: 80%;
    height: 100px;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
  }
}

#tp2{
    position: relative;
    top: 6%;
    left: 8%;
    width: 60%;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
  #tp2{
    position: relative;
    top: 25%;
    width: 80%;
    height: 100px;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
  }
}


#tp3{
    position: relative;
    top: 3%;
    right: 10%;
    width: 60%;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
  #tp3{
    position: relative;
    top: 25%;
    width: 80%;
    height: 100px;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
  }
}

#tp4{
    position: relative;
    top: 1%;
    left: 8%;
    width: 60%;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
  #tp4{
    position: relative;
    top: 25%;
    width: 80%;
    height: 100px;
    border-radius: 20px;
    box-shadow: 10px 15px 50px black;
  }
}