Meta Slider caption behavior

The following is meant as knowledge sharing; however input, tips and tricks are most welcome.

My site: reinar-svendsen.dk. Running Vantage premium and Meta Slider Pro.

Problem: I want my captions to be entered both horizontal and vertical; larger font size; responsive (PC, tablet and mobile phone).

This does not seem to be possible at all without fiddling with CSS, at which I am not a master!

Below CSS gives me what you see on my website as per today. It is not optimal as the captions may disappear if you downsize your webbrowser. Otherwise it seems to very close to what my intensions are.

/* @media screen and (max-width: 480px) {
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
font-size: 12px !important;
line-height: 1.4em;
display: inline-block;
overflow:hidden;
}
}

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
margin-top: 15%;
font-size: 3em;
line-height: 1.2em;
} */