@font-face {
    font-family: Comic;
    src: url(assets/comic-sans-ms-font-family/COMIC.TTF);
 }
 
 * {
    font-family: 'Roboto Slab', serif;
 }
 html {
    scroll-behavior: smooth;
 }

.back_img {
  background-image: url("../img/o_mne_back.jpg");
  background-color: #cccccc;
  background-position: center;
  background-size: cover;
  height: 800px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.animate__animated.animate__fadeIn {
    --animate-duration: 4s;
  }

.dropdown_color {
    background-color: #52331f;
}

/*Masaže*/

.back_img_masaze {
    background-image: url("../img/o_mne_back.jpg");
    background-color: #cccccc;
    background-position: center;
    background-size: cover;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .animate__animated.animate__slideInDown {
    --animate-duration: 2s;
  }

  /*Pedikura*/

.back_img_pedikura {
    background-image: url("../img/o_mne_back.jpg");
    background-color: #cccccc;
    background-position: center;
    background-size: cover;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }  

/*Cenik*/

.back_img_cenik {
    background-image: url("../img/o_mne_back.jpg");
    background-color: #cccccc;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }  

  /*Dárkový poukaz*/

.back_img_poukaz {
    background-image: url("../img/o_mne_back.jpg");
    background-color: #cccccc;
    background-position: center;
    background-size: cover;
    height: 350px;
    width: auto;
    background-repeat:repeat;
    position: relative;
  }  

.back_img_podminky {
    background-image: url("../img/o_mne_back.jpg");
    background-color: #cccccc;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

.darek {
    height: 150px;
    width: 250px;
}
.krug {
    margin-top: 50px;
}
.text-2 {
    margin-top: 50px;
}

.bi-cash-coin {
    font-size: 30px;
    margin-bottom: 20px;
}

.bi-shop {
    font-size: 30px;
    margin-bottom: 20px;
}

.bi-qr-code {
    font-size: 20px;
}

.bi-person-lines-fill {
    font-size: 30px;
    margin-bottom: 20px;
}

.bi-whatsapp {
    font-size: 30px;
    margin-bottom: 20px;
}

.bi-messenger {
    font-size: 30px;
    margin-bottom: 20px;
}

.pluxee {
  height: 32px;
  width: 32px;
}

.ico {
  width: 95px;
  height: 77px;
}