.mobile-only {
  display: none;
}

/* iPHONE SIZES */
@media only screen and (min-width : 320px) and (max-width : 900px) {

  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none !important;
  }

  .content {
    padding: 30px;
    margin-left: 0px;
    left: 5%;
    top: 65%;
  }


  

}


/* iPAD SIZES  */
@media screen and (min-width : 720px) and (max-width : 1099px) { 

 

}

@media screen and (min-width : 1100px) and (max-width : 1220px) { 

}


/* BIGGER SIZES */
@media screen and (min-width : 1600px) { 

}