.ti-mb-10 {
   margin-bottom: 10px !important;
}

.ti-d-flex {
   display: flex !important;
}

.ti-hero {
   position: relative;
   padding: 0;
   margin: 0 0 30px 0;
   display: flex;
   flex-flow: column;
   align-items: center;
}
@media screen and (min-width: 768px) {
   .ti-hero {
      flex-flow: row nowrap;
   }
}

.ti-hero__text {
   position: relative;
   color: #454545;
   font-size: 30px;
   line-height: 1.0;
   font-weight: 600;
   text-transform: uppercase;
   padding: 15px;
   text-align: center;
}

@media screen and (min-width: 768px) {
   .ti-hero__text {
      position: absolute;
      z-index: 2;
      top: 30px;
      left: 30px;
      text-align: left;
   }
}

@media screen and (min-width: 768px) {
   .ti-hero__text {
      font-size: 35px;
   }
}
@media screen and (min-width: 1024px) {
   .ti-hero__text {
      font-size: 40px;
   }
}
@media screen and (min-width: 1600px) {
   .ti-hero__text {
      font-size: 60px;
   }
}

.ti-hero__text span {
   /* display: block; */
}
@media screen and (min-width: 768px) {
   .ti-hero__text span {
      display: block;
   }
}

.ti-hero__text span.red {
   color: #f02830;
}

.ti-hero__img {
   width: 100%;
   height: 100%;
}
.ti-hero__img img {
   width: 100%;
   height: 100%;
   border: 0;
   object-fit: contain;
}

.ti-hero__information {
   position: absolute;
   z-index: 3;
   left: 0;
   bottom: 0;
   width: 60%;
   height: 75%;
}


.text {
   opacity: 0;
   position: absolute;
   color: #f02830;
   font-weight: 600;
   font-family: 'Roboto Condensed',Arial,Helvetica,'Nimbus Sans L',sans-serif;
   text-transform: uppercase;
   transition: all 1s ease-out;
   /* text-shadow: 0 0 5px #fff, 0 0 10px #ff0; */
   pointer-events: none; /* Blokowanie interakcji */
   text-align: center;
   line-height: 1.2;
   font-size: .5rem;
   padding: 0;
   /* font-family:'Space Ranger Regular'; */
   /* font-weight:normal; */
}

@media (min-width: 768px) {
   .text {
       font-size: .7rem;
   }
}

@media (min-width: 1024px) {
   .text {
       font-size: .9rem;
   }
}

@media (min-width: 1300px) {
   .text {
       font-size: 1.0rem;
   }
}