move entry-content in mobile portrait view?

Hi, I am hoping the solution, or at least a part of it, will fit into the scope of this forum. What I have is a slider — not yours because my client had very specific ideas about his image captions — that is perfect, except for how it looks in mobile portrait view. His issue there is that the captions then completely cover the image. I have figured out how to fix that part with this code -

.caption {
	background: rgba(0,0,0,.6);
	margin-bottom: -100px;
}

.rslides_container {
	margin-bottom: 20px;
}

.rslides {
	overflow: visible;
}

This brings me to the theme part of the problem. I need to make the div.entry-content move down on the home page, in mobile portrait view only, so that it doesn't get overlapped by the relocated caption. If you can help me with the code for relocating the .entry-content I think I can figure out the if>then for the mobile piece. Thank you!