Sela Theme different on Iphones

My theme looks fine on android, or tablets. Even the desktop. But on Iphones, there are now these giant spaces in between the lines. I tried editing the CSS using:
}

#main .article {
word-wrap: break-word;
}

/* For Mobile font size */
@media screen and (max-width: 767px) {
.hentry .entry-title {
font-size: 21px;
}
}

But it didn’t fix it. Have I used the wrong code? Should I try something else? I just don’t want my blog to look unprofessional.