.page-homepage .opener-wrapper {
  position: relative;
  width: 100%;
  height: 1325px;
  background: transparent url(../img/web/homepage/2021/koala-2362.jpg) center top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1920px) {
  .page-homepage .opener-wrapper {
    height: 1069px;
    background-image: url(../img/web/homepage/2021/koala-1920.jpg);
     background-size: cover;
  }
}
@media screen and (max-width: 1180px) {
  .page-homepage .opener-wrapper {
    height: 800px;
    background-image: url(../img/web/homepage/2021/koala-1180.jpg);
    background-size: cover;   
  }
}
@media screen and (max-width: 1024px) {
  .page-homepage .opener-wrapper {
    background-image: url(../img/web/homepage/2021/koala-1000.jpg);
    height: 800px;
     background-size: cover;
  }
}
@media screen and (max-width: 640px) {
  .page-homepage .opener-wrapper {
    height: 924px;
    background-image: url(../img/web/homepage/2021/koala-640.jpg);
    background-size: cover;   
  }
}
@media screen and (max-width: 500px) {
  .page-homepage .opener-wrapper {
    height: 650px;
  }
}

.page-homepage .opener-wrapper .claim-wrapper {
  position: absolute;
  bottom: 30%;
  left: 5%; 
  padding: 13px 25px 13px 0px;  
 
}


@media screen and (max-width: 1600px) {
  .page-homepage .opener-wrapper .claim-wrapper {
   bottom: 30%;
    left: 5%;
  
  }
}
@media screen and (max-width: 1280px) {
  .page-homepage .opener-wrapper .claim-wrapper {
   bottom: 30%;
    left: 5%;
   
    
  }
}

@media screen and (max-width: 1180px) {
  .page-homepage .opener-wrapper .claim-wrapper {
    left: 5%;
    bottom: 30%;
  
  }
}


@media screen and (max-width: 640px) {
  .page-homepage .opener-wrapper .claim-wrapper {
   
    left: 3%;
    bottom: 30%;
   
  }
}



.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 {
    font-family: Avenir, sans-serif;
    font-size: 3em;    
   
    text-transform: uppercase; 
    color: #FFFFFF;   
   
   
   background: rgba(26, 38, 97, 0.9);
   padding: 10px 15px 5px 25px;
   
  
}
.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1:hover {
     /* border-left: 4px solid white;·*/ 
}

.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 {
    font-family: Avenir, sans-serif;
    font-size: 2em;    
   
    text-transform: uppercase; 
    color: #FFFFFF;   
   margin-top: 5px;
      background: rgba(16, 65, 148, 0.9);
    padding: 10px 15px 5px 25px; 
  
}

.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 a {
color: #FFFFFF;
}


.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 a:hover
 {
  color: #00B5EC;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);   */
   text-decoration: none;
}
   
.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 a
 {
  color: #ffffff;  
   
}
.page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 a:hover
 {
  color: #00B5EC;
  text-decoration: none;
}

@media screen and (max-width: 1600px) {
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 {
    font-size: 3em;     
  }
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 {
    font-size: 2em;    
    margin-top: 5px;    
  }
}

@media screen and (max-width: 1280px) {
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 {
    font-size: 3em;     
  }
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 {
    font-size: 2em;    
    margin-top: 5px;    
  }
}


@media screen and (max-width: 1024px) {
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 {
    font-size: 3em;   
  
  }
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 {
    font-size: 2em;    
    margin-top: 5px;    
  }
}

@media screen and (max-width: 640px) {
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-1 {
    font-size: 1.3em;   
  
  }
  .page-homepage .opener-wrapper .claim-wrapper .wrapper-radek-2 {
    font-size: 1em;    
    margin-top: 5px;    
  }
}