html, body {
  height: 100%;
}
.text-banner {
  width: 100%;
}





/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*-----------------------SLUŽBY-BASIC-TEMPLATE----------------------------*/
/*------------------------------------------------------------------------*/


.banner {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;

  gap: 1rem;
  width: 90%;
  margin: 2rem auto;
}

.subtitle h2 {
  color: #333;
  margin-bottom: 1rem;
  font-weight: 500;
  font-style: italic;
}

.claim {
  background-color: #CD2D39;
  padding: 0.5rem;
  position: absolute;
  margin-left: -1rem;
  margin-top: 1rem;

  display: flex;
  flex-direction: column;
}

        .claim p {
          font-size: clamp(1rem, 2.5vw, 1.5rem);
          line-height: clamp(1.33rem, 2.5vw, 2rem);
          letter-spacing: 0.0625rem;
          font-weight: 400;
          font-style: italic;
          color: #F2F2F2;
          text-align: center;
        }

        .claim .claim1 {
          font-size: clamp(1rem, 2.5vw, 1.5rem);
          line-height: clamp(1.33rem, 2.5vw, 2rem);
          letter-spacing: 0.0625rem;
          font-weight: 900;
          font-style: normal;
        }


.button_service {
  margin-top: 1rem;
}
.button_service a {
  font-size: 24px;
  color: #F2F2F2;
  font-weight: 900;
  letter-spacing: 1px;

  padding: 5%;
  background-color: #A3242D;
  border: 0.10px solid #EFA148;
}
.button_service a:hover {
  text-decoration: none;
  background-color: #CD2D39;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/







/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*-----------------------O SPOLEÄŚNOSTI+HISTORIE TEMPLATE------------------*/
/*------------------------------------------------------------------------*/


.o_spolecnosti {
  display: flex;
  flex-direction: column;
}
.o_spolecnosti-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  gap: 1rem;
  width: 90%;
  margin: 2rem auto;
}

.o_spolecnosti-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  max-width: 1400px;
  align-items: center;

  gap: 1rem;
  width: 90%;
  margin: auto;
}

.citation {
  text-align: right;
}
.citation_text, .citation_author {
  font-size: clamp(1.25rem, 1.6vw, 2rem);
  line-height: clamp(1.75rem, 2.2vw, 2.5rem);
  font-weight: 700;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/




/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*-------------------------------IMAGES-----------------------------------*/
/*------------------------------------------------------------------------*/
.moto-img {
  width: 90%;
}

#servicecargo, #serviceair, #serviceland, #servicespecial, #serviceother, #o-spolecnosti, #aboutstory  {
  height: 50vw;
  background-size: 100% auto;
  width: 100%;
  background-repeat: no-repeat;
}


#servicecargo {
   background-image: url(/static/img/service-cargo.jpg);
    }

#serviceair {
    background-image: url(/static/img/service-air.jpg);
    }

#serviceland {
   background-image: url(/static/img/service-land.jpg);
    }

#servicespecial {
    background-image: url(/static/img/service-special.jpg);
    }

#serviceother {
   background-image: url(/static/img/service-other.jpg);
    }

#o-spolecnosti  {
    background-image: url(/static/img/ospolecnosti.jpg);
}

#aboutstory {
  background-image: url(/static/img/about-story.jpg);

}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/





/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*-----------------------------MEDIA-SCREEN-------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/*------------------------------------------------------------------------*/
@media screen and (min-width: 330px) {
  .button_service a {
    padding: 1rem 3rem;
  }
}

/*------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {

  .banner {
      width: 1000px;
      height: auto;
  }



  .tiles-cargo, .tiles-air, .tiles-land, .tiles-special, .tiles-other {
    width: 1000px;
  }
}

/*------------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {

  .banner {
      width: 1200px;
      height: auto;
      flex-direction: row;
  }

  .tiles-cargo, .tiles-air, .tiles-land, .tiles-special, .tiles-other {
    width: 1200px;
  }
  #servicecargo, #serviceair, #serviceland, #servicespecial, #serviceother, #o-spolecnosti, #aboutstory  {
    height: unset;
}
}

/*------------------------------------------------------------------------*/
@media screen and (min-width: 1440px) {

  .banner {
      max-width: 1400px;
      width: 90%;
      height: auto;
  }
  .tiles-cargo, .tiles-air, .tiles-land, .tiles-special, .tiles-other {
    max-width: 1400px;
    width: 90%;
  }

}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/