.hero-media {
position: relative;
padding:0px 0px 0px;
  margin-bottom: 70px;
font-size:20px;
  line-height: 26px;
    justify-content: center;

}

.hero-media--has-image.hero-media a{
color:white;
}

.hero-media--has-image.hero-media a:hover,
.hero-media--has-image.hero-media a:focus{
color:#ff0000;
}

.hero-media--has-image.hero-media {
  background-color: transparent;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat: no-repeat;

height:25vw;
  display: flex;
padding:50px 0px 20px;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width: 100%;
color:white;
 

}

.path-frontpage .hero-media--has-image.hero-media {
height:25vw;
  padding: 50px 0px 0px;
  text-align: right;
  justify-content: end;

}

@media screen and (min-width: 1920px) {

.hero-media--has-image.hero-media {
    max-height: 326px;
}

.path-frontpage .hero-media--has-image.hero-media {
    max-height: 500px;
}

}


.hero-media--has-image .hero-media__content h2,
.hero-media--has-image .hero-media__content h1{
margin:15px 0px;
text-align:center;
 
color:white;text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.hero-media--has-image:after {
   content: "";
  background: rgba(22, 37, 63, 0.5);
    position: absolute;
    inset: 0;
}


.hero-media__content{
position:relative;z-index:1;
}


.page-set-schovnadpis #page-title{display:none;}

.page-set-tmavynadpisvbanneru .hero-media--has-image .hero-media__content h2, 
.page-set-tmavynadpisvbanneru .hero-media--has-image .hero-media__content h1{color:black;
  font-size: 40px;
  line-height: 40px;
  text-shadow: 2px 2px 10px rgba(0,0,0,0);
}

.page-set-presah .hero-media{
  margin-bottom: 0px;
padding-bottom:25px;
}

.page-set-presah .hero-media + .body-center + .paragraph > .paragraph-content{
  margin-top: -30px;
}

@media screen and (max-width: 720px) {

.hero-media {
margin-bottom:30px;
padding-top:0px;
  font-size: 17px;
  line-height: 24px;
}

 
.hero-media--has-image.hero-media{
    min-height: 300px;
padding-top:100px;
margin-bottom:30px;
  background-position: center top;
padding-bottom:0px;    height: auto;


}
 

 


.hero-media--has-image .hero-media__content h2,
.hero-media--has-image .hero-media__content h1{
    font-size: 29px;
}


}