@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Archivo&display=swap");

::selection {
  color: white;
  background: #E30613; }

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none; }

/*Scroll bar*/
::-webkit-scrollbar {
  width: 0.3em; }

/*scroll bar šoupatko*/
::-webkit-scrollbar-thumb {
  background-color: #E30613; }

/*Pozadí scrollbaru*/
::-webkit-scrollbar-track {
  background-color: #2B2B2B; }

::-webkit-scrollbar-thumb:hover {
  background-color: gray; }



body {
  font-family: 'Archivo', sans-serif; }

/*Využití sekce*/
header {
  position: absolute;
  width: 100%;
  z-index: 10; }
  header .bg-dark {
    padding: 1rem 2rem;
    background: rgba(0, 0, 0, 0.3) !important; }
  header .nav-link {
     transition: 0.3s;
    color: #ffffff !important; }
    
    header .nav-link:hover{
        transition: 0.3s;
        opacity: 80%;
    }
    
  @media only screen and (max-width: 1109px) {
    header .bg-dark {
      padding: 1rem; } }
      
      
  @media only screen and (max-width: 396px) {
    header .navbar-brand {
      width: 50vw; }
      header .navbar-brand img {
        width: 100%; } }

#home_welcome_carousel .carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

#home_welcome_carousel .carousel-item {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/assets/img/firetec_bg_4.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  #home_welcome_carousel .carousel-item .carousel_item_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*padding: 12rem 10% 12rem 10%;*/
    padding: 10rem 10%;
    align-items: center;
    color: #ffffff; }
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text {
      width: 50%; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text h1 {
        font-weight: 700;
        font-size: 3rem;
        padding-bottom: 1rem; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text p {
        width: 70%; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn {
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem; }
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn .carousel_solid_red_btn {
          text-decoration: none;
          background-color: #E30613;
          border: 2px solid #E30613; 
          color: #ffffff;
          padding: 0.5rem 1rem;
          transition: 0.3s; }
          #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn .carousel_solid_red_btn:hover {
            transition: 0.3s;
            opacity: 70%; }
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn .carousel_outline_white_btn {
          text-decoration: none;
          color: white;
          border: 2px solid white;
          padding: 0.5rem 2.5rem;
          font-weight: 700;
          transition: 0.3s;
          padding: 0.5rem 1rem; }
          
          #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn .carousel_outline_white_btn:hover{
            transition: 0.3s;
            opacity: 80%;
        }
          
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img {
      width: 48%; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem; }
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card {
          width: 30%;
          display: flex;
          flex-wrap: wrap; }
          #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img {
            width: 40%; }
          #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_text {
            width: 60%; }
            #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_text p {
              margin: 0;
              padding: 0; }

.carousel-control-next, .carousel-control-prev{
    opacity: 80%;
    width: 5%;
}

#home_welcome_carousel .carousel-control-prev-icon {
  margin-top: 8rem; }

#home_welcome_carousel .carousel-control-next-icon {
  margin-top: 8rem; }

@media only screen and (max-width: 1708px) {
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text p {
    width: 100%; }
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img {
    width: 50%; } }
    
    @media only screen and (max-width: 1689px) {
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card{
            width: 31%;    
        }
 }
 
     @media only screen and (max-width: 1634px) {
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img{
            width: 58%;    
        }
        
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text{
            width: 42%;    
        }
 }
 
 @media only screen and (max-width: 1634px){
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text h1{
        font-size: 2.5rem;    
    }
}

@media only screen and (max-width: 1537px) {
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img {
    width: 30%; }
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_text {
    width: 63%; } }

@media only screen and (max-width: 1409px) {
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img {
    width: 100%; }
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img img {
      width: 30% !important;
      display: block;
      margin-left: auto;
      margin-right: auto; }
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_text {
    width: 100%;
    text-align: center; } }

@media only screen and (max-width: 1175px) {
  #home_welcome_carousel .carousel-item .carousel_item_content {
    padding: 4rem 0 9rem 0;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 2rem; }
    
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text{
        display:none;    
    }
    
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text {
      width: 100%;
      padding: 0 10%; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_text .home_welcome_carousel_btn {
        justify-content: center; }
    #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img {
      width: 90%; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60% !important; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img {
        width: 100%; }
        #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_img img {
          width: 30% !important;
          display: block;
          margin-left: auto;
          margin-right: auto; }
      #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img .home_welcome_carousel_img_text .home_welcome_carousel_card .home_welcome_carousel_card_text {
        width: 100%;
 } }

@media only screen and (max-width: 591px) {
  #home_welcome_carousel .carousel-item .carousel_item_content .home_welcome_carousel_img img {
    width: 90% !important; } }

#home_key_features {
  padding: 4rem 0; }
  #home_key_features #home_key_features_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    #home_key_features #home_key_features_content .key_feature_card {
      width: 20vw;
      text-align: center; }
      #home_key_features #home_key_features_content .key_feature_card i {
        font-size: 4rem;
        background-color: #E30613;
        color: #ffffff;
        clip-path: circle();
        padding: 3rem;
 }
      #home_key_features #home_key_features_content .key_feature_card h2 {
        margin-top: 2rem;
        font-weight: 700;
        font-size: 1.2rem; }
      #home_key_features #home_key_features_content .key_feature_card .key_feature_card_hr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #home_key_features #home_key_features_content .key_feature_card .key_feature_card_hr hr {
          background-color: #E30613;
          border-radius: 4px;
          opacity: 100%;
          border: none;
          height: 4px;
          width: 20%; }
  @media only screen and (max-width: 1380px) {
    #home_key_features #home_key_features_content .key_feature_card {
      width: 30vw; } }
  @media only screen and (max-width: 950px) {
    #home_key_features #home_key_features_content .key_feature_card {
      width: 35vw; } }
  @media only screen and (max-width: 700px) {
    #home_key_features #home_key_features_content .key_feature_card {
      width: 90vw; }
      
      #home_key_features #home_key_features_content .key_feature_card i{
          font-size: 3rem;
        }
      }

#home_about {
  background-color: #212121; }
  #home_about #home_about_divider {
    background-image: url("/assets/img/divider/divider_white.svg");
    background-repeat: no-repeat;
    background-position: center top; }
    #home_about #home_about_divider #home_about_content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      color: #ffffff;
      padding: 6rem 0; }
      #home_about #home_about_divider #home_about_content #home_about_text {
        width: 30vw; }
        #home_about #home_about_divider #home_about_content #home_about_text span {
          color: #E30613; }
        #home_about #home_about_divider #home_about_content #home_about_text p {
          margin-top: 2rem;
          opacity: 60%; }
        #home_about #home_about_divider #home_about_content #home_about_text a {
          color: #E30613;
          text-decoration: none;
          transition: 0.3s; }
          #home_about #home_about_divider #home_about_content #home_about_text a:hover {
            transition: 0.3s;
            opacity: 70%; }
      #home_about #home_about_divider #home_about_content #home_about_img {
        width: 30vw; }
        #home_about #home_about_divider #home_about_content #home_about_img img {
          width: 100%;
          border-bottom: 2px solid #E30613; }
  @media only screen and (max-width: 1300px) {
    #home_about #home_about_divider #home_about_content #home_about_img {
      width: 40vw; } }
  @media only screen and (max-width: 1111px) {
    #home_about #home_about_divider #home_about_content #home_about_text {
      width: 40vw; } }
  @media only screen and (max-width: 950px) {
    #home_about #home_about_divider #home_about_content #home_about_img {
      width: 55vw; } }
  @media only screen and (max-width: 818px) {
    #home_about #home_about_divider #home_about_content {
      gap: 2rem; }
      #home_about #home_about_divider #home_about_content #home_about_text {
        text-align: center;
        width: 90vw; }
      #home_about #home_about_divider #home_about_content #home_about_img {
        width: 70vw; } }

#home_categories #home_categories_divider {
  background-image: url("/assets/img/divider/divider_dark.svg");
  background-repeat: no-repeat;
  background-position: center top; }
  #home_categories #home_categories_divider h2 {
    text-align: center;
    font-weight: 700;
    padding-top: 4rem; }
  #home_categories #home_categories_divider #home_categories_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    padding: 2rem 0 4rem 0; }
    #home_categories #home_categories_divider #home_categories_content a {
        height: 9rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      min-height: 5rem;
      font-weight: 700;
      font-size: 1.2rem;
      width: 25vw;
      text-decoration: none;
      color: #ffffff;
      background-color: #212121;
      transition: 0.3s; }
      #home_categories #home_categories_divider #home_categories_content a:hover {
        transition: 0.3s;
        background-color: #E30613; }

@media only screen and (max-width: 1160px) {
  #home_categories #home_categories_divider #home_categories_content a {
    width: 30vw; } }

@media only screen and (max-width: 967px) {
  #home_categories #home_categories_divider #home_categories_content a {
    width: 43vw; } }

@media only screen and (max-width: 675px) {
  #home_categories #home_categories_divider #home_categories_content a {
    width: 90vw; } }

#home_usage {
  background-color: #212121;
  padding-bottom: 4rem; }
  #home_usage #home_usage_divider {
    background-image: url("/assets/img/divider/divider_white.svg");
    background-repeat: no-repeat;
    background-position: center top; }
    #home_usage #home_usage_divider #home_usage_text {
      padding: 4rem 8rem; }
      #home_usage #home_usage_divider #home_usage_text span {
        color: #E30613; }
      #home_usage #home_usage_divider #home_usage_text h2 {
        width: 30%;
        font-size: 1.5rem;
        color: #ffffff;
        font-weight: 700; }
    #home_usage #home_usage_divider #home_usage_content {
      padding: 4rem 10%;
      margin-left: 4%;
      display: flex;
      flex-wrap: wrap;
      gap: 2rem; }
      #home_usage #home_usage_divider #home_usage_content a {
        text-decoration: none;
        width: 17%; }
      #home_usage #home_usage_divider #home_usage_content .home_usage_card {
        width: 90%;
        text-align: center;
        color: #ffffff;
        font-weight: 700;
        transition: 0.3s; }
        #home_usage #home_usage_divider #home_usage_content .home_usage_card img {
          transition: 0.3s; }
        #home_usage #home_usage_divider #home_usage_content .home_usage_card p {
          margin: 0;
          padding: 0;
          margin-top: 1rem; }
        #home_usage #home_usage_divider #home_usage_content .home_usage_card:hover img {
          transition: 0.3s;
          filter: invert(100%); }
    #home_usage #home_usage_divider #home_usage_btn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #home_usage #home_usage_divider #home_usage_btn a {
        text-decoration: none;
        background-color: #E30613;
        font-weight:700;
        color: #ffffff;
        padding: 0.5rem 1rem;
        transition: 0.3s; }
        #home_usage #home_usage_divider #home_usage_btn a:hover {
          transition: 0.3s;
          opacity: 70%; }
  @media only screen and (max-width: 1660px) {
    #home_usage #home_usage_divider #home_usage_text h2 {
      width: 46%; } }
  @media only screen and (max-width: 1493px) {
    #home_usage #home_usage_divider #home_usage_content {
      padding: 4rem 8%; } }
  @media only screen and (max-width: 1317px) {
    #home_usage #home_usage_divider #home_usage_text {
      padding: 4rem; }
      #home_usage #home_usage_divider #home_usage_text h2 {
        width: 55%; } }
  @media only screen and (max-width: 1100px) {
    #home_usage #home_usage_divider #home_usage_content {
      padding: 4rem 0;
      justify-content: center;
      margin-left: 0; }
      #home_usage #home_usage_divider #home_usage_content a {
        width: 20%; } }
  @media only screen and (max-width: 1098px) {
    #home_usage #home_usage_divider #home_usage_text {
      text-align: center; }
      #home_usage #home_usage_divider #home_usage_text h2 {
        width: 100%; } }
  @media only screen and (max-width: 988px) {
    #home_usage #home_usage_divider #home_usage_text {
      text-align: center; }
      #home_usage #home_usage_divider #home_usage_text h2 {
        width: 100%; } }
  @media only screen and (max-width: 796px) {
    #home_usage #home_usage_divider #home_usage_content {
      padding: 4rem 0;
      justify-content: center; }
      #home_usage #home_usage_divider #home_usage_content a {
        width: 40%; }
      #home_usage #home_usage_divider #home_usage_content .home_usage_card img {
        width: 50%; } }
  @media only screen and (max-width: 660px) {
    #home_usage #home_usage_divider #home_usage_content {
      padding: 4rem 0;
      justify-content: center; }
      #home_usage #home_usage_divider #home_usage_content .home_usage_card img {
        width: 70%; } }
  @media only screen and (max-width: 490px) {
    #home_usage #home_usage_divider #home_usage_content a {
      width: 70%; }
    #home_usage #home_usage_divider #home_usage_content .home_usage_card img {
      width: 70%; } }
  @media only screen and (max-width: 390px) {
    #home_usage #home_usage_divider #home_usage_content .home_usage_card img {
      width: 70%; } }

#kategorie_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/detail_produktu/detail_bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #kategorie_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #kategorie_welcome p {
    color: #E30613; }
  #kategorie_welcome #kategorie_btn {
    margin-top: 1rem; }
    #kategorie_welcome #kategorie_btn a {
      text-decoration: none;
      background-color: #E30613;
      color: #ffffff;
      padding: 0.5rem 1rem;
      transition: 0.3s;
      padding: 0.5rem 2rem; }
      #kategorie_welcome #kategorie_btn a:hover {
        transition: 0.3s;
        opacity: 70%; }

#kategorie_list {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }

  #kategorie_list a{
    width: 25%;
    text-decoration: none;
  }


  #kategorie_list .kategorie_card {
    background-image: url("/assets/img/kategorie/categorie_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 20rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center; }
    #kategorie_list .kategorie_card h2 {
      font-size: 1.5rem;
      font-weight: 700;
      color: #ffffff;
      z-index: 10;
      padding: 0 0.5rem; }
    #kategorie_list .kategorie_card .kategorie_overlay {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.7);
      height: 20rem;
      width: 25%;
      transition: 0.3s; }
    #kategorie_list .kategorie_card:hover .kategorie_overlay {
      transition: 0.3s;
      background-color: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 1232px) {
    #kategorie_list a {
      width: 30%; }
      #kategorie_list .kategorie_card .kategorie_overlay {
        width: 30%; } }
  @media only screen and (max-width: 1026px) {
    #kategorie_list a {
      width: 40%; }
      #kategorie_list .kategorie_card .kategorie_overlay {
        width: 40%; } }
  @media only screen and (max-width: 722px) {
    #kategorie_list a {
      width: 70%; }
      #kategorie_list .kategorie_card .kategorie_overlay {
        width: 70%; } }
  @media only screen and (max-width: 464px) {
    #kategorie_list a {
      width: 90%; }
      #kategorie_list .kategorie_card .kategorie_overlay {
        width: 90%; } }

#product_list_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/detail_produktu/detail_bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #product_list_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #product_list_welcome p {
    color: #E30613; }
  #product_list_welcome #product_list_btn {
    margin-top: 1rem; }
    #product_list_welcome #product_list_btn a {
      text-decoration: none;
      background-color: #E30613;
      color: #ffffff;
      padding: 0.5rem 1rem;
      transition: 0.3s;
      padding: 0.5rem 2rem; }
      #product_list_welcome #product_list_btn a:hover {
        transition: 0.3s;
        opacity: 70%; }

#product_list_list {
  padding: 6rem 10%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
  #product_list_list .product_list_card {
    width: 22%;
    text-align: center;
    transition: 0.3s; }
    
    #product_list_list .product_list_card img{
        width: 70% !important;    
    }
    
    
    #product_list_list .product_list_card h3 {
      margin-top: 0.5rem;
      font-weight: 700;
      font-size: 1.3rem; }
    #product_list_list .product_list_card a {
      text-decoration: none;
      color: #212121;
      transition: 0.3s; }
    #product_list_list .product_list_card:hover a {
      transition: 0.3s;
      color: #E30613; }
  @media only screen and (max-width: 1600px) {
    #product_list_list {
      padding: 6rem 5%; } }
  @media only screen and (max-width: 1372px) {
    #product_list_list {
      padding: 6rem 10%; } }
  @media only screen and (max-width: 1200px) {
    #product_list_list {
      padding: 6rem 5%; } }
  @media only screen and (max-width: 1067px) {
    #product_list_list {
      padding: 6rem 22%; }
      #product_list_list .product_list_card {
        width: 40%; } }
  @media only screen and (max-width: 800px) {
    #product_list_list {
      padding: 6rem 0;
      justify-content: center; }
      #product_list_list .product_list_card {
        width: 60%; } }
  @media only screen and (max-width: 800px) {
    #product_list_list .product_list_card {
      width: 70%; } }

#product_list_pagination {
  padding-top: 2rem;
  padding-bottom: 4rem; }
  #product_list_pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem; }
    #product_list_pagination ul li {
      background-color: #212121;
      transition: 0.3s; }
      #product_list_pagination ul li a {
        text-decoration: none;
        color: #ffffff;
        font-weight: 700;
        height: 2.7rem;
        width: 2.7rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
      #product_list_pagination ul li:hover {
        transition: 0.3s;
        background-color: #E30613; }

#detail_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/detail_produktu/detail_bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem; }
  #detail_welcome #detail_welcome_text {
    color: #ffffff;
    width: 40%; }
    
    #detail_welcome #detail_welcome_text span{
        font-weight:700
    }
    
    #detail_welcome #detail_welcome_text h1 {
        font-weight: 700;
      padding: 0;
      margin: 0; }
    #detail_welcome #detail_welcome_text p {
      margin-top: 1rem;
      opacity: 80%; }
    #detail_welcome #detail_welcome_text #detail_welcome_icons {
      display: flex;
      flex-wrap: wrap;
      margin-top: 4rem; }
      #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
        width: 30%;
        display: flex;
        align-items: center;
        gap: 1rem; }
        
        #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card  img{
            width: 30%;    
        }
        
        #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card .detail_welcome_card_text p {
          margin-top: 0; }
  #detail_welcome #detail_welcome_img {
    width: 30%; }
    
        @media only screen and (max-width: 1637px){
        #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card{
            width: 33%;
        }    
        
        #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card{
            gap: 0.5rem;    
        }
    }
    
  @media only screen and (max-width: 1467px) {
    #detail_welcome #detail_welcome_text {
      width: 50%; }
      #detail_welcome #detail_welcome_text #detail_welcome_icons {
        gap: 1rem; } }
  @media only screen and (max-width: 1315px) {
    #detail_welcome #detail_welcome_text {
      width: 55%; }
      #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
        width: 31%; } }
  @media only screen and (max-width: 1153px) {
    #detail_welcome {
      height: 70rem; }
      #detail_welcome #detail_welcome_text {
        width: 70%;
        margin-top: 6rem;
        text-align: center; }
        #detail_welcome #detail_welcome_text #detail_welcome_icons {
          text-align: left;
          justify-content: center; }
          #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
            width: 31%; }
      #detail_welcome #detail_welcome_img {
        width: 50%; } }
  @media only screen and (max-width: 906px) {
    #detail_welcome {
      height: 70rem; }
      #detail_welcome #detail_welcome_text {
        width: 90%;
        margin-top: 6rem;
        text-align: center; }
        #detail_welcome #detail_welcome_text #detail_welcome_icons {
          text-align: left;
          justify-content: center; }
          #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
            width: 31%; }
      #detail_welcome #detail_welcome_img {
        width: 60%; } }
  @media only screen and (max-width: 705px) {
    #detail_welcome {
      height: 80rem; }
      #detail_welcome #detail_welcome_text {
        width: 90%;
        margin-top: 6rem;
        text-align: center; }
        #detail_welcome #detail_welcome_text #detail_welcome_icons {
          justify-content: center; }
          #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
            width: 31%;
            flex-wrap: wrap;
            text-align: center;
            justify-content: center; }
      #detail_welcome #detail_welcome_img {
        width: 90%; } }
  @media only screen and (max-width: 508px) {
    #detail_welcome {
      height: 90rem; }
      #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card {
        width: 90%;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center; }
        #detail_welcome #detail_welcome_text #detail_welcome_icons .detail_welcome_card .detail_welcome_card_text {
          width: 90%; }
      #detail_welcome #detail_welcome_img {
        width: 90%; } }

#detail_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #detail_description #detail_description_img {
    width: 35%; }
  #detail_description #detail_description_text {
    width: 40%; }
    #detail_description #detail_description_text h2 {
      font-size: 1.5rem; }
    #detail_description #detail_description_text ul {
      list-style: none;
      margin: 0;
      padding: 0; }
  @media only screen and (max-width: 1332px) {
    #detail_description #detail_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1332px) {
    #detail_description {
      flex-direction: column-reverse;
      align-content: center; }
      #detail_description #detail_description_text {
        width: 90%;
        text-align: center; }
      #detail_description #detail_description_img {
        width: 90%; }
        #detail_description #detail_description_img img {
          display: block;
          margin-left: auto;
          margin-right: auto; } }

#detail_prislusenstvi {
  padding: 4rem 0; }
  #detail_prislusenstvi h2 {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 2rem 12%; }
  #detail_prislusenstvi .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem; }
  #detail_prislusenstvi .detail_prislusenstvi_card {
    width: 15%; }
    #detail_prislusenstvi .detail_prislusenstvi_card p {
      margin-top: 0.5rem;
      font-weight: 700; }
  #detail_prislusenstvi .image {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-bottom: 3px solid #E30613;
    touch-action: pan-y;
    transition: 0.3s; }

  #detail_prislusenstvi .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block; }
  #detail_prislusenstvi .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;

    transition: 0.3s ease; }
  #detail_prislusenstvi .overlay img {
    margin-top: 22%;
    margin-left: auto;
    margin-right: auto;
    width: 18% !important; }

  #detail_prislusenstvi .overlay .text {
    color: white;
    font-size: 20px;
    position: absolute;
    text-align: center;
    margin-top: 0.2rem;
    width: 100%; }
  #detail_prislusenstvi #lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center; }
  #detail_prislusenstvi #lightbox.hidden {
    display: none; }
  #detail_prislusenstvi #lightbox img {
    max-width: 80%;
    max-height: 80%; }
  #detail_prislusenstvi .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 50px;
    padding: 10px;
    color: white;
    cursor: pointer; }
  #detail_prislusenstvi .prev-btn {
    margin-left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    transition: 0.3s; }
  #detail_prislusenstvi .next-btn {
    margin-right: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    transition: 0.3s; }
  #detail_prislusenstvi .prev-btn:hover {
    transition: 0.3s;
    background-color: #E30613; }
  #detail_prislusenstvi .next-btn:hover {
    transition: 0.3s;
    background-color: #E30613; }
  #detail_prislusenstvi .prev-btn {
    left: 0; }
  #detail_prislusenstvi .next-btn {
    right: 0; }
  @media only screen and (max-width: 1418px) {
    #detail_prislusenstvi .detail_prislusenstvi_card {
      width: 20%; } }
  @media only screen and (max-width: 1074px) {
    #detail_prislusenstvi .detail_prislusenstvi_card {
      width: 30%; } }
  @media only screen and (max-width: 622px) {
    #detail_prislusenstvi .detail_prislusenstvi_card {
      width: 60%; } }
  @media only screen and (max-width: 1418px) {
    #detail_prislusenstvi h2 {
      padding: 0 0 2rem 4%; } }
  @media only screen and (max-width: 1074px) {
    #detail_prislusenstvi h2 {
      padding: 0 0 2rem 0;
      text-align: center; } }
      
      #detail_table {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #detail_table .tab-container {
    width: 60%; }
  #detail_table .tab {
    overflow: hidden;
    display: flex;
    gap: 0.5rem; }
  #detail_table .tab button {
    background-color: #221F20;
    opacity:80%;
    color: #ffffff;
    width: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 16px;
    transition: 0.3s; }
  #detail_table .tab button:hover {
      opacity:100%;
    background-color: #221F20;
    }
  #detail_table .tab button.active {
      opacity:100%;
    background-color: #221F20;
}
  #detail_table .tabcontent {
    display: none; }
    #detail_table .tabcontent h3 {
      background-color: #212121;
      color: #ffffff;
      padding: 0;
      margin: 0;
      margin-top: 0.5rem;
      font-size: 1rem;
      font-weight: 700;
      padding: 0.7rem 1rem; }
    #detail_table .tabcontent .detail_table_r {
      margin-bottom: 0.5rem;
      background-color: rgba(33, 33, 33, 0.4); }
      #detail_table .tabcontent .detail_table_r ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 0.5rem; }
        #detail_table .tabcontent .detail_table_r ul li {
          width: 69.6%;
          padding: 1rem 1rem;
          font-weight: 700; }
          
          #detail_table .tabcontent .detail_table_r ul li ul{
            display: block;
        }
        
        #detail_table .tabcontent .detail_table_r ul li ul li{
            margin: 0;
            padding: 0;
        }
          
        #detail_table .tabcontent .detail_table_r ul .detail_table_first_r {
          width: 30%;
          border-right: 6px solid white; }
    #detail_table .tabcontent .detail_table_r:nth-child(even) {
      background-color: rgba(33, 33, 33, 0.2); }
  #detail_table .tab-container {
    margin-top: 50px; }
  @media only screen and (max-width: 1418px) {
    #detail_table .tab-container {
      width: 70%; } }
  @media only screen and (max-width: 820px) {
    #detail_table .tab-container {
      width: 90%; }
    #detail_table .tabcontent .detail_table_r ul .detail_table_first_r {
      width: 50%; } }
  @media only screen and (max-width: 331px) {
    #detail_table .tabcontent .detail_table_r ul .detail_table_first_r {
      width: 60%; } }

#informace_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/informace/informace_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #informace_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #informace_welcome p {
    color: #E30613; }

#informace_heading {
  padding: 4rem 0; }
  #informace_heading h2 {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center; }
  @media only screen and (max-width: 625px) {
    #informace_heading h2 br {
      display: none; } }

#informace_text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding-bottom: 4rem; }
  #informace_text .informace_text_text {
    width: 35%; }
    #informace_text .informace_text_text h3 {
      font-weight: 700;
      color: #E30613;
      font-size: 1.2rem;
      padding-bottom: 0.5rem; }
  @media only screen and (max-width: 1386px) {
    #informace_text .informace_text_text {
      width: 40%; } }
  @media only screen and (max-width: 1000px) {
    #informace_text .informace_text_text {
      width: 70%;
      text-align: center; } }
  @media only screen and (max-width: 655px) {
    #informace_text .informace_text_text {
      width: 90%;
      text-align: center; } }

#informace_video {
  padding: 0rem 14% 4rem 14%; }
  #informace_video #informace_video_content {
    background-image: url("/assets/img/informace/video_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 35rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    #informace_video #informace_video_content img {
      padding-bottom: 1rem; }
    #informace_video #informace_video_content a {
      text-decoration: none;
      text-align: center;
      color: #ffffff;
      font-weight: 700; }
    #informace_video #informace_video_content #video_lightbox {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8); }
    #informace_video #informace_video_content #lightbox-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 60%;
      width: 70%;
      height: 40rem;
      text-align: center; }
      #informace_video #informace_video_content #lightbox-content iframe {
        height: 40rem !important; }
    #informace_video #informace_video_content #close-lightbox {
      position: absolute;
      top: -47px;
      right: -76px;
      font-size: 3rem;
      cursor: pointer;
      color: #ffffff;
      transition: 0.3s; }
      #informace_video #informace_video_content #close-lightbox:hover {
        transition: 0.3s;
        color: #E30613; }
    @media only screen and (max-width: 1350px) {
      #informace_video #informace_video_content #lightbox-content {
        max-width: 80%;
        width: 80%; } }
    @media only screen and (max-width: 900px) {
      #informace_video #informace_video_content #lightbox-content iframe {
        height: 30rem !important; }
      #informace_video #informace_video_content #close-lightbox {
        top: -78px;
        right: -42px; } }
    @media only screen and (max-width: 500px) {
      #informace_video #informace_video_content #close-lightbox {
        right: -19px; } }
  @media only screen and (max-width: 850px) {
    #informace_video {
      padding: 4rem 5%; } }

#informace_financovani {
  background-color: #E30613;
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem; }
  #informace_financovani #informace_financovani_text {
    width: 60%;
    color: #ffffff; }
    #informace_financovani #informace_financovani_text h2 {
      font-weight: 700;
      font-size: 1.5rem; }
    #informace_financovani #informace_financovani_text p {
      margin: 0;
      padding: 0; }
  #informace_financovani #informace_financovani_btn {
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center; }
    #informace_financovani #informace_financovani_btn a {
      text-decoration: none;
      color: #212121;
      background-color: #ffffff;
      padding: 0.5rem 2.5rem;
      font-weight: 700;
      transition: 0.3s; }
  @media only screen and (max-width: 1386px) {
    #informace_financovani #informace_financovani_text {
      width: 70%; } }
  @media only screen and (max-width: 898px) {
    #informace_financovani #informace_financovani_text {
      width: 90%;
      text-align: center; }
    #informace_financovani #informace_financovani_btn {
      width: 90%; } }

#informace_galerie {
  padding: 4rem 10%; }
  #informace_galerie h2 {
    text-align: center;
    padding-bottom: 2rem;
    font-weight: 700; }
  #informace_galerie #informace_galerie_content .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem; }
  #informace_galerie #informace_galerie_content .image {
    width: 30%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    touch-action: pan-y;
    filter: brightness(80%);
    transition: 0.3s; }
    #informace_galerie #informace_galerie_content .image:hover {
      transition: 0.3s;
      filter: brightness(100%); }
  #informace_galerie #informace_galerie_content .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block; }
  #informace_galerie #informace_galerie_content .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  #informace_galerie #informace_galerie_content .overlay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 8% !important; }
  #informace_galerie #informace_galerie_content .image:hover .overlay {
    opacity: 1; }
  #informace_galerie #informace_galerie_content .overlay .text {
    color: white;
    font-size: 20px;
    position: absolute;
    text-align: center;
    margin-top: 0.2rem;
    width: 100%; }
  #informace_galerie #informace_galerie_content #lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center; }
  #informace_galerie #informace_galerie_content #lightbox.hidden {
    display: none; }
  #informace_galerie #informace_galerie_content #lightbox img {
    max-width: 80%;
    max-height: 80%; }
  #informace_galerie #informace_galerie_content .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 50px;
    padding: 10px;
    color: white;
    cursor: pointer; }
  #informace_galerie #informace_galerie_content .prev-btn {
    margin-left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    transition: 0.3s; }
  #informace_galerie #informace_galerie_content .next-btn {
    margin-right: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    transition: 0.3s; }
  #informace_galerie #informace_galerie_content .prev-btn:hover {
    transition: 0.3s;
    background-color: #E30613; }
  #informace_galerie #informace_galerie_content .next-btn:hover {
    transition: 0.3s;
    background-color: #E30613; }
  #informace_galerie #informace_galerie_content .prev-btn {
    left: 0; }
  #informace_galerie #informace_galerie_content .next-btn {
    right: 0; }
  @media only screen and (max-width: 910px) {
    #informace_galerie {
      padding: 4rem 0; } }
  @media only screen and (max-width: 670px) {
    #informace_galerie #informace_galerie_content .image {
      width: 45%; } }
  @media only screen and (max-width: 472px) {
    #informace_galerie #informace_galerie_content .image {
      width: 70%; } }
  @media only screen and (max-width: 368px) {
    #informace_galerie #informace_galerie_content .image {
      width: 90%; } }

#dopravni_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #dopravni_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #dopravni_welcome p {
    color: #E30613; }

#dopravni_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #dopravni_description .vyuziti_description_text {
    width: 40%; }
    #dopravni_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #dopravni_description .vyuziti_description_text p {
      width: 90%; }
  #dopravni_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #dopravni_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #dopravni_description .vyuziti_description_text p {
      width: 100%; }
    #dopravni_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #dopravni_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #dopravni_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #dopravni_description .vyuziti_description_img {
      width: 90%; } }

#dopravni_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #dopravni_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #dopravni_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #dopravni_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 5%; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 0; }
      #dopravni_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 0; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 0; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 0; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #dopravni_doporuceni_horke {
      padding: 2rem 0; }
      #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #dopravni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#dopravni_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #dopravni_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #dopravni_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #dopravni_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 5%; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 0; }
      #dopravni_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 0; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 0; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 0; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #dopravni_doporuceni_studene {
      padding: 2rem 0; }
      #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #dopravni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#potravinarsky_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #potravinarsky_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #potravinarsky_welcome p {
    color: #E30613; }

#potravinarsky_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #potravinarsky_description .vyuziti_description_text {
    width: 40%; }
    #potravinarsky_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #potravinarsky_description .vyuziti_description_text p {
      width: 90%; }
  #potravinarsky_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #potravinarsky_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #potravinarsky_description .vyuziti_description_text p {
      width: 100%; }
    #potravinarsky_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #potravinarsky_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #potravinarsky_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #potravinarsky_description .vyuziti_description_img {
      width: 90%; } }

#potravinarsky_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #potravinarsky_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #potravinarsky_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #potravinarsky_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 5%; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #potravinarsky_doporuceni_horke {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #potravinarsky_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#potravinarsky_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #potravinarsky_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #potravinarsky_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #potravinarsky_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 5%; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #potravinarsky_doporuceni_studene {
      padding: 2rem 0; }
      #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #potravinarsky_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#fasady_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #fasady_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #fasady_welcome p {
    color: #E30613; }

#fasady_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #fasady_description .vyuziti_description_text {
    width: 40%; }
    #fasady_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #fasady_description .vyuziti_description_text p {
      width: 90%; }
  #fasady_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #fasady_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #fasady_description .vyuziti_description_text p {
      width: 100%; }
    #fasady_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #fasady_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #fasady_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #fasady_description .vyuziti_description_img {
      width: 90%; } }

#fasady_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #fasady_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #fasady_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #fasady_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #fasady_doporuceni_horke {
      padding: 2rem 5%; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #fasady_doporuceni_horke {
      padding: 2rem 0; }
      #fasady_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #fasady_doporuceni_horke {
      padding: 2rem 0; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #fasady_doporuceni_horke {
      padding: 2rem 0; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #fasady_doporuceni_horke {
      padding: 2rem 0; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #fasady_doporuceni_horke {
      padding: 2rem 0; }
      #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #fasady_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#fasady_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #fasady_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #fasady_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #fasady_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #fasady_doporuceni_studene {
      padding: 2rem 5%; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #fasady_doporuceni_studene {
      padding: 2rem 0; }
      #fasady_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #fasady_doporuceni_studene {
      padding: 2rem 0; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #fasady_doporuceni_studene {
      padding: 2rem 0; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #fasady_doporuceni_studene {
      padding: 2rem 0; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #fasady_doporuceni_studene {
      padding: 2rem 0; }
      #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #fasady_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#zemedelstvi_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #zemedelstvi_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #zemedelstvi_welcome p {
    color: #E30613; }

#zemedelstvi_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #zemedelstvi_description .vyuziti_description_text {
    width: 40%; }
    #zemedelstvi_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #zemedelstvi_description .vyuziti_description_text p {
      width: 90%; }
  #zemedelstvi_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #zemedelstvi_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #zemedelstvi_description .vyuziti_description_text p {
      width: 100%; }
    #zemedelstvi_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #zemedelstvi_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #zemedelstvi_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #zemedelstvi_description .vyuziti_description_img {
      width: 90%; } }

#zemedelstvi_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #zemedelstvi_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #zemedelstvi_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #zemedelstvi_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 5%; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #zemedelstvi_doporuceni_horke {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #zemedelstvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#zemedelstvi_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #zemedelstvi_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #zemedelstvi_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #zemedelstvi_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 5%; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #zemedelstvi_doporuceni_studene {
      padding: 2rem 0; }
      #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #zemedelstvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#lodni_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #lodni_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #lodni_welcome p {
    color: #E30613; }

#lodni_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #lodni_description .vyuziti_description_text {
    width: 40%; }
    #lodni_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #lodni_description .vyuziti_description_text p {
      width: 90%; }
  #lodni_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #lodni_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #lodni_description .vyuziti_description_text p {
      width: 100%; }
    #lodni_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #lodni_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #lodni_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #lodni_description .vyuziti_description_img {
      width: 90%; } }

#lodni_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #lodni_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #lodni_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #lodni_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #lodni_doporuceni_horke {
      padding: 2rem 5%; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #lodni_doporuceni_horke {
      padding: 2rem 0; }
      #lodni_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #lodni_doporuceni_horke {
      padding: 2rem 0; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #lodni_doporuceni_horke {
      padding: 2rem 0; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #lodni_doporuceni_horke {
      padding: 2rem 0; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #lodni_doporuceni_horke {
      padding: 2rem 0; }
      #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #lodni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#lodni_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #lodni_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #lodni_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #lodni_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #lodni_doporuceni_studene {
      padding: 2rem 5%; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #lodni_doporuceni_studene {
      padding: 2rem 0; }
      #lodni_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #lodni_doporuceni_studene {
      padding: 2rem 0; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #lodni_doporuceni_studene {
      padding: 2rem 0; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #lodni_doporuceni_studene {
      padding: 2rem 0; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #lodni_doporuceni_studene {
      padding: 2rem 0; }
      #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #lodni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#stavebnictvi_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #stavebnictvi_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #stavebnictvi_welcome p {
    color: #E30613; }

#stavebnictvi_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #stavebnictvi_description .vyuziti_description_text {
    width: 40%; }
    #stavebnictvi_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #stavebnictvi_description .vyuziti_description_text p {
      width: 90%; }
  #stavebnictvi_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #stavebnictvi_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #stavebnictvi_description .vyuziti_description_text p {
      width: 100%; }
    #stavebnictvi_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #stavebnictvi_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #stavebnictvi_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #stavebnictvi_description .vyuziti_description_img {
      width: 90%; } }

#stavebnictvi_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #stavebnictvi_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #stavebnictvi_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #stavebnictvi_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 5%; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #stavebnictvi_doporuceni_horke {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #stavebnictvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#stavebnictvi_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #stavebnictvi_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #stavebnictvi_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #stavebnictvi_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 5%; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #stavebnictvi_doporuceni_studene {
      padding: 2rem 0; }
      #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #stavebnictvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#obce_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #obce_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #obce_welcome p {
    color: #E30613; }

#obce_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #obce_description .vyuziti_description_text {
    width: 40%; }
    #obce_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #obce_description .vyuziti_description_text p {
      width: 90%; }
  #obce_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #obce_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #obce_description .vyuziti_description_text p {
      width: 100%; }
    #obce_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #obce_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #obce_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #obce_description .vyuziti_description_img {
      width: 90%; } }

#obce_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #obce_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #obce_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #obce_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #obce_doporuceni_horke {
      padding: 2rem 5%; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #obce_doporuceni_horke {
      padding: 2rem 0; }
      #obce_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #obce_doporuceni_horke {
      padding: 2rem 0; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #obce_doporuceni_horke {
      padding: 2rem 0; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #obce_doporuceni_horke {
      padding: 2rem 0; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #obce_doporuceni_horke {
      padding: 2rem 0; }
      #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #obce_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#obce_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #obce_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #obce_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #obce_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #obce_doporuceni_studene {
      padding: 2rem 5%; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #obce_doporuceni_studene {
      padding: 2rem 0; }
      #obce_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #obce_doporuceni_studene {
      padding: 2rem 0; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #obce_doporuceni_studene {
      padding: 2rem 0; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #obce_doporuceni_studene {
      padding: 2rem 0; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #obce_doporuceni_studene {
      padding: 2rem 0; }
      #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #obce_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#letectvi_welcome {
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #letectvi_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #letectvi_welcome p {
    color: #E30613; }

#letectvi_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #letectvi_description .vyuziti_description_text {
    width: 40%; }
    #letectvi_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #letectvi_description .vyuziti_description_text p {
      width: 90%; }
  #letectvi_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #letectvi_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #letectvi_description .vyuziti_description_text p {
      width: 100%; }
    #letectvi_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #letectvi_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #letectvi_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #letectvi_description .vyuziti_description_img {
      width: 90%; } }

#letectvi_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #letectvi_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #letectvi_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #letectvi_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 5%; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 0; }
      #letectvi_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 0; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 0; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 0; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #letectvi_doporuceni_horke {
      padding: 2rem 0; }
      #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #letectvi_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#letectvi_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #letectvi_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #letectvi_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #letectvi_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 5%; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 0; }
      #letectvi_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 0; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 0; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 0; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #letectvi_doporuceni_studene {
      padding: 2rem 0; }
      #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #letectvi_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#opravy_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/vyuziti/opravy_aut/opravy_aut.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #opravy_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #opravy_welcome p {
    color: #E30613; }

#opravy_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #opravy_description .vyuziti_description_text {
    width: 40%; }
    #opravy_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #opravy_description .vyuziti_description_text p {
      width: 90%; }
  #opravy_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #opravy_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #opravy_description .vyuziti_description_text p {
      width: 100%; }
    #opravy_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #opravy_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #opravy_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #opravy_description .vyuziti_description_img {
      width: 90%; } }

#opravy_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #opravy_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #opravy_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #opravy_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #opravy_doporuceni_horke {
      padding: 2rem 5%; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #opravy_doporuceni_horke {
      padding: 2rem 0; }
      #opravy_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #opravy_doporuceni_horke {
      padding: 2rem 0; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #opravy_doporuceni_horke {
      padding: 2rem 0; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #opravy_doporuceni_horke {
      padding: 2rem 0; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #opravy_doporuceni_horke {
      padding: 2rem 0; }
      #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #opravy_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#opravy_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #opravy_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #opravy_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #opravy_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #opravy_doporuceni_studene {
      padding: 2rem 5%; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #opravy_doporuceni_studene {
      padding: 2rem 0; }
      #opravy_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #opravy_doporuceni_studene {
      padding: 2rem 0; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #opravy_doporuceni_studene {
      padding: 2rem 0; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #opravy_doporuceni_studene {
      padding: 2rem 0; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #opravy_doporuceni_studene {
      padding: 2rem 0; }
      #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #opravy_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#prumyslove_cisteni_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/vyuziti/prumyslove_cisteni/prumyslove_cisteni_bgf.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #prumyslove_cisteni_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #prumyslove_cisteni_welcome p {
    color: #E30613; }

#prumyslove_cisteni_description {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem; }
  #prumyslove_cisteni_description .vyuziti_description_text {
    width: 40%; }
    #prumyslove_cisteni_description .vyuziti_description_text h2 {
      font-size: 1.5rem;
      color: #E30613;
      font-weight: 700;
      padding-bottom: 0.5rem; }
    #prumyslove_cisteni_description .vyuziti_description_text p {
      width: 90%; }
  #prumyslove_cisteni_description .vyuziti_description_img {
    width: 25%; }
  @media only screen and (max-width: 1627px) {
    #prumyslove_cisteni_description .vyuziti_description_img {
      width: 30%; } }
  @media only screen and (max-width: 1451px) {
    #prumyslove_cisteni_description .vyuziti_description_text p {
      width: 100%; }
    #prumyslove_cisteni_description .vyuziti_description_img {
      width: 40%; } }
  @media only screen and (max-width: 1160px) {
    #prumyslove_cisteni_description .vyuziti_description_text {
      width: 90%;
      text-align: center; }
    #prumyslove_cisteni_description .vyuziti_description_img {
      width: 70%; } }
  @media only screen and (max-width: 606px) {
    #prumyslove_cisteni_description .vyuziti_description_img {
      width: 90%; } }

#prumyslove_cisteni_doporuceni_horke {
  padding: 2rem 10%;
  background-color: #e8e8e8;
  text-align: center; }
  #prumyslove_cisteni_doporuceni_horke h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 5%; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list {
        justify-content: center; }
        #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
          width: 40%; }
          #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 40%; }
        #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #prumyslove_cisteni_doporuceni_horke {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card {
        width: 90%; }
        #prumyslove_cisteni_doporuceni_horke .doporuceni_horke_list .pouziti_list_card img {
          width: 100%; } }

#prumyslove_cisteni_doporuceni_studene {
  padding: 2rem 10%;
  text-align: center; }
  #prumyslove_cisteni_doporuceni_studene h2 {
    font-weight: 700;
    font-size: 1.3rem; }
  #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list a {
      text-decoration: none;
      margin: 0;
      padding: 0; }
    #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
      width: 20%;
      margin: 2rem;
      transition: 0.3s; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card h3 {
        margin-top: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: #212121; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card a {
        color: #212121;
        transition: 0.3s; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card:hover a {
        transition: 0.3s;
        color: #E30613; }
  @media only screen and (max-width: 1732px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 5%; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 22%;
        margin: 1rem; } }
  @media only screen and (max-width: 1185px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list {
        justify-content: center; }
        #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
          width: 40%; }
          #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
            width: 50%; } }
  @media only screen and (max-width: 1000px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 750px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 40%; }
        #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }
  @media only screen and (max-width: 550px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 70%; } }
  @media only screen and (max-width: 360px) {
    #prumyslove_cisteni_doporuceni_studene {
      padding: 2rem 0; }
      #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card {
        width: 90%; }
        #prumyslove_cisteni_doporuceni_studene .doporuceni_studene_list .pouziti_list_card img {
          width: 100%; } }

#kontakt_welcome {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0.7) 100%), url("/assets/img/kontakt/kontakt_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35rem;
  text-align: center;
  display: grid;
  justify-content: center;
  align-content: center;
  color: #ffffff; }
  #kontakt_welcome h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2rem; }
  #kontakt_welcome p {
    color: #E30613; }

#kontakt_form_heading {
  padding-top: 4rem;
  margin-left: 25%; }
  #kontakt_form_heading h2 {
    font-size: 1.7rem;
    margin: 0;
    padding: 0; }
  @media only screen and (max-width: 1599px) {
    #kontakt_form_heading {
      margin-left: 20%; } }
  @media only screen and (max-width: 1333px) {
    #kontakt_form_heading {
      margin-left: 15%; } }
  @media only screen and (max-width: 1144px) {
    #kontakt_form_heading {
      margin-left: 5%; } }
  @media only screen and (max-width: 890px) {
    #kontakt_form_heading {
      text-align: center; } }

#kontakt_form {
  padding-top: 0.5rem;
  padding-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #kontakt_form #kontakt_form_content {
    width: 50%; }
    #kontakt_form #kontakt_form_content .progress-bar {
      width: 100%;
      height: 10px;
      background-color: #ddd;
      margin-bottom: 20px;
      border-radius: 4px; }
    #kontakt_form #kontakt_form_content .progress {
      height: 100%;
      background-color: #E30613;
      border-radius: 4px;
      width: 50%;
      transition: width 0.3s ease-in-out; }
    #kontakt_form #kontakt_form_content form {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem; }
      #kontakt_form #kontakt_form_content form .kontakt_form_card {
        width: 48%; }
        #kontakt_form #kontakt_form_content form .kontakt_form_card input {
          width: 100%;
          border: none;
          background-color: #e8e8e8;
          border-radius: 4px;
          padding: 0.5rem; }
    #kontakt_form #kontakt_form_content .kontakt_form_btn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 2rem 0; }
      #kontakt_form #kontakt_form_content .kontakt_form_btn button {
        border: none;
        background-color: #212121;
        padding: 0.5rem 1rem;
        color: #ffffff;
        transition: 0.3s; }
        #kontakt_form #kontakt_form_content .kontakt_form_btn button:hover {
          transition: 0.3s;
          background-color: #E30613; }
    #kontakt_form #kontakt_form_content .form-step {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s; }
      #kontakt_form #kontakt_form_content .form-step h2 {
        font-size: 1.2rem;
        font-weight: 700;
        padding-bottom: 1rem; }
      #kontakt_form #kontakt_form_content .form-step.active {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        position: relative;
        left: 0;
        top: 0;
        width:100%;
        transform: translate(0); }
      #kontakt_form #kontakt_form_content .form-step:not(.active) {
        position: absolute;
        left: -9999px;
        top: -9999px;
        transform: translate(-9999px, -9999px); }
    #kontakt_form #kontakt_form_content #kontakt_form_step_dva {
      width: 100%; }
      #kontakt_form #kontakt_form_content #kontakt_form_step_dva textarea {
        width: 100% !important;
        border: none;
        background-color: #e8e8e8;
        border-radius: 4px;
        padding: 1rem;
        max-height: 18rem;
        min-height: 18rem; }
    #kontakt_form #kontakt_form_content #kontakt_form_step_dva_btn {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1rem;
      padding-bottom: 2rem; }
      #kontakt_form #kontakt_form_content #kontakt_form_step_dva_btn button, #kontakt_form #kontakt_form_content #kontakt_form_step_dva_btn a {
        border: none;
        background-color: #212121;
        padding: 0.5rem 1rem;
        color: #ffffff;
        transition: 0.3s; }
        #kontakt_form #kontakt_form_content #kontakt_form_step_dva_btn button:hover, #kontakt_form #kontakt_form_content #kontakt_form_step_dva_btn a:hover {
          transition: 0.3s;
          background-color: #E30613; }
  @media only screen and (max-width: 1599px) {
    #kontakt_form #kontakt_form_content {
      width: 60%; } }
  @media only screen and (max-width: 1333px) {
    #kontakt_form #kontakt_form_content {
      width: 70%; } }
  @media only screen and (max-width: 1143px) {
    #kontakt_form #kontakt_form_content {
      width: 80%; } }
  @media only screen and (max-width: 1143px) {
    #kontakt_form #kontakt_form_content {
      width: 90%; } }
  @media only screen and (max-width: 889px) {
    #kontakt_form #kontakt_form_content {
      text-align: center; }
      #kontakt_form #kontakt_form_content form {
        justify-content: center; }
        #kontakt_form #kontakt_form_content form .kontakt_form_card {
          width: 40%; } }
  @media only screen and (max-width: 503px) {
    #kontakt_form #kontakt_form_content {
      text-align: center; }
      #kontakt_form #kontakt_form_content form {
        justify-content: center; }
        #kontakt_form #kontakt_form_content form .kontakt_form_card {
          width: 100%; } }

#kontakt_kontakt {
  padding: 2rem 0;
  background-color: #212121; }
  #kontakt_kontakt p {
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 0; }
    #kontakt_kontakt p a {
      color: #ffffff;
      transition: 0.3s; }
      #kontakt_kontakt p a:hover {
        transition: 0.3s;
        color: #E30613; }
  #kontakt_kontakt #kontakt_kontakt_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 2rem;
    padding-bottom: 3rem; }
    #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 1rem; }
      #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card i {
        color: #ffffff;
        font-size: 3rem; }
      #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card p {
        text-align: left;
        padding: 0;
        margin: 0; }
      #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card a {
        text-decoration: none;
        color: #ffffff;
        transition: 0.3s; }
        #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card a:hover {
          transition: 0.3s;
          color: #E30613; }
  @media only screen and (max-width: 734px) {
    #kontakt_kontakt #kontakt_kontakt_content {
      justify-content: center; }
      #kontakt_kontakt #kontakt_kontakt_content .kontakt_kontakt_card {
        width: 70%;
        justify-content: center; } }

#kontakt_oficial_link {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #kontakt_oficial_link a {
    width: 70%; }
    #kontakt_oficial_link a #kontakt_oficial_link_content {
      background-image: url("/assets/img/kontakt/kontakt_link.png");
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 15rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      #kontakt_oficial_link a #kontakt_oficial_link_content img {
        z-index: 10; }
      #kontakt_oficial_link a #kontakt_oficial_link_content #kontakt_oficial_link_overlay {
        position: absolute;
        width: 70%;
        height: 15rem;
        background-color: rgba(19, 22, 32, 0.8);
        transition: 0.3s; }
      #kontakt_oficial_link a #kontakt_oficial_link_content:hover #kontakt_oficial_link_overlay {
        transition: 0.3s;
        background-color: rgba(19, 22, 32, 0.9); }
  @media only screen and (max-width: 1000px) {
    #kontakt_oficial_link a {
      width: 90%; }
      #kontakt_oficial_link a #kontakt_oficial_link_content img {
        width: 30%; }
      #kontakt_oficial_link a #kontakt_oficial_link_content #kontakt_oficial_link_overlay {
        width: 90%; } }
  @media only screen and (max-width: 650px) {
    #kontakt_oficial_link a #kontakt_oficial_link_content img {
      width: 40%; } }
  @media only screen and (max-width: 490px) {
    #kontakt_oficial_link a #kontakt_oficial_link_content img {
      width: 60%; } }


      #error_welcome {
        height: 62rem;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        #error_welcome #error_content {
          width: 100%; }
          #error_welcome #error_content h1 {
            font-weight: 700;
            font-size: 10rem;
            color: #E30613;
            padding: 0;
            margin: 0; }
          #error_welcome #error_content h2 {
            font-weight: 700;
            color: #ffffff;
            margin: 0;
            padding: 0; }
          #error_welcome #error_content p {
            color: #ffffff;
            opacity: 60%; }
          #error_welcome #error_content #error_btn a {
            text-decoration: none;
            background-color: #E30613;
            color: #ffffff;
            padding: 0.5rem 1rem;
            transition: 0.3s; }
            #error_welcome #error_content #error_btn a:hover {
              transition: 0.3s;
              opacity: 70%; }
        @media only screen and (max-width: 1360px) {
          #error_welcome #error_content img {
            width: 20%; } }
        @media only screen and (max-width: 691px) {
          #error_welcome #error_content img {
            width: 30%; } }
        @media only screen and (max-width: 419px) {
          #error_welcome #error_content p br {
            display: none; } }
        @media only screen and (max-width: 380px) {
          #error_welcome #error_content img {
            width: 40%; }
          #error_welcome #error_content h1 {
            font-size: 5rem; } }

#footer_map {
  background-image: url("/assets/img/mapa.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 4rem 0; }
  #footer_map #footer_address_card {
    border-radius: 12px;
    margin-left: 4rem;
    background-color: #212121;
    color: #ffffff;
    padding: 2rem;
    width: 20%; }
    #footer_map #footer_address_card h2 {
      font-weight: 700; }
    #footer_map #footer_address_card ul {
      list-style: none;
      padding: 0; }
  #footer_map #footer_contact_card {
    border-radius: 12px;
    margin-left: 4rem;
    margin-top: 4rem;
    background-color: #212121;
    color: #ffffff;
    padding: 2rem;
    width: 25%; }
    #footer_map #footer_contact_card h2 {
      font-weight: 700; }
    #footer_map #footer_contact_card ul {
      margin-top: 1rem;
      list-style: none;
      padding: 0; }
      #footer_map #footer_contact_card ul li a {
        text-decoration: none;
        color: #ffffff; }
        #footer_map #footer_contact_card ul li a i {
          padding-right: 1rem; }
  @media only screen and (max-width: 1390px) {
    #footer_map #footer_address_card {
      width: 25%; }
    #footer_map #footer_contact_card {
      width: 30%; } }
  @media only screen and (max-width: 1160px) {
    #footer_map {
      display: none; } }

#footer_map_mobile {
  display: none; }
  @media only screen and (max-width: 1160px) {
    #footer_map_mobile {
      display: flex;
      flex-wrap: wrap; }
      #footer_map_mobile .footer_mobile_card {
        padding: 2rem 0;
        text-align: center;
        width: 100vw; }
        #footer_map_mobile .footer_mobile_card h2 {
          font-weight: 700; }
        #footer_map_mobile .footer_mobile_card ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          #footer_map_mobile .footer_mobile_card ul li a {
            text-decoration: none;
            color: #212121; } }

#footer_logo {
  background-color: #E30613;
  padding: 4rem 0; }
  #footer_logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%; }
    
    @media only screen and (max-width: 1366px) {
        #footer_logo img{
            width: 30%;    
        }
    }
    
    @media only screen and (max-width: 900px) {
        #footer_logo img{
            width: 40%;    
        }
    }
    
    @media only screen and (max-width: 600px) {
        #footer_logo img{
            width: 50%;    
        }
    }
    
    @media only screen and (max-width: 500px) {
        #footer_logo img{
            width: 70%;    
        }
    }

#footer_copy {
  background-color: #212121;
  padding: 0.5rem 0;
  text-align: center; }
  #footer_copy p {
    color: #ffffff;
    margin: 0; }
    #footer_copy p a {
      text-decoration: none;
      color: #ffffff;
      font-weight: 700; }