Mambi HP temp
<style><!--
.homepage-texts-wrapper {padding-left: 20px; padding-right: 20px;}
.homepage-texts-wrapper>div {flex: auto; margin: 0;}
.hp_banner {
padding: 25px;
margin-bottom: 50px;
min-height: 420px;
background-color: #444;
}
.banner_heading {
color: #fff;
font-weight: 400;
font-size: 24px;
margin-bottom: 40px;
}
.banner_text {
color: #fff;
font-size: 16px;
max-width: 50%;
margin-bottom: 30px;
}
.banner_cta {
border: solid 1px #fff;
border-radius: 50px;
padding: 12px 25px;
color: #fff;
}
.banner_cta:hover {
background-color: #fff;
color: #000;
}
@media (min-width:992px) {
#no2 .banner_heading, #no2 .banner_text, #no2 p:last-child {text-align: right;}
#no2 .banner_text {margin-left: auto;}
}
@media (max-width:992px) {
.banner_text {max-width: 100%;}
}
--></style>
<div id="no1" class="hp_banner">
<h4 class="banner_heading">Lorem ipsum dolor sit amet, consectetuer</h4>
<p class="banner_text">Fusce wisi. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Suspendisse nisl. Nullam dapibus fermentum ipsum. Nulla est. Aliquam erat volutpat. Nullam eget nisl. Morbi scelerisque luctus velit. Fusce nibh. Etiam neque. Fusce aliquam vestibulum ipsum. Duis risus. Aliquam ante.</p>
<p><a class="banner_cta" href="#">Zjistit více</a></p>
</div>
<div id="no2" class="hp_banner">
<h4 class="banner_heading">Lorem ipsum dolor sit amet, consectetuer</h4>
<p class="banner_text">Fusce wisi. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Suspendisse nisl. Nullam dapibus fermentum ipsum. Nulla est. Aliquam erat volutpat. Nullam eget nisl. Morbi scelerisque luctus velit. Fusce nibh. Etiam neque. Fusce aliquam vestibulum ipsum. Duis risus. Aliquam ante.</p>
<p><a class="banner_cta" href="#">Zjistit více</a></p>
</div>