@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Montserrat:wght@300;400;900&display=swap");
body {
  font-family: "Montserrat", sans-serif;
  color: #444645;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Amatic SC", cursive; }

h1 {
  font-size: 64px; }

h2 {
  font-size: 48px;
  color: #FACB36; }

h3 {
  font-size: 27px; }

.bg-body-tertiary {
  background: rgba(0, 0, 0, 0.8) !important; }

.btn {
  padding: 10px 40px; }

.btn-warning {
  background: #FACB36; }
  .btn-warning:hover {
    background: #FCF4EA;
    border: 1px solid #FCF4EA; }

.btn-outline-warning {
  border: 1px solid #FACB36;
  background: transparent; }
  .btn-outline-warning:hover {
    background: #FACB36;
    border: 1px solid #FACB36; }

.py {
  padding: 80px 0; }

.headers img {
  height: 1100px;
  object-fit: cover;
  filter: brightness(60%); }
.headers h1 {
  color: #FACB36; }

.nav-link {
  color: #FACB36; }
  .nav-link:hover {
    color: #fff; }

.slajder h5 {
  font-size: 64px; }

.slajder .carousel-caption {
  bottom: 17rem; }

.ponuda img {
  border: 5px solid #FACB36;
  margin-bottom: 45px; }

.ponuda h4 {
  font-size: 24px; }

.meni {
  background: black;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .meni > div:first-child {
    flex: 0 0 60%;
    padding: 100px; }
    .meni > div:first-child h2 {
      margin-bottom: 50px; }
    .meni > div:first-child .row {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .meni > div:first-child .row .menu-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex: 0 0 50%;
        margin-bottom: 40px; }
        .meni > div:first-child .row .menu-item .img {
          flex: 0 0 20%; }
          .meni > div:first-child .row .menu-item .img img {
            width: 100px;
            border-radius: 50%; }
        .meni > div:first-child .row .menu-item .text {
          flex: 0 0 80%; }
          .meni > div:first-child .row .menu-item .text h3 {
            color: #FACB36;
            font-size: 27px; }
          .meni > div:first-child .row .menu-item .text p {
            color: #fff; }
          .meni > div:first-child .row .menu-item .text span {
            font-weight: bold;
            color: #FACB36; }
  .meni > div:last-child {
    flex: 0 0 40%; }
    .meni > div:last-child img {
      height: 800px;
      object-fit: cover; }

.usluge article {
  background: #FCF4EA; }
  .usluge article div {
    flex: 0 0 50%; }
    .usluge article div:nth-child(2) {
      padding: 0 50px; }
    .usluge article div h3 {
      color: #FACB36; }
  .usluge article:nth-child(even) {
    flex-direction: row-reverse; }

.poruci {
  background: linear-gradient(to right, rgba(68, 70, 69, 0.9), rgba(252, 244, 234, 0.99)), url(img/coffee\ 5.jpg);
  background-position: center;
  background-size: cover;
  padding: 100px; }
  @media (min-width: 1400px) {
    .poruci {
      padding: 200px; } }

.kontakt h2 {
  color: #444645; }
.kontakt ul li {
  margin-bottom: 36px; }
  .kontakt ul li:last-child {
    margin-bottom: 0; }
  .kontakt ul li i {
    color: #FACB36;
    font-size: 1.2rem;
    margin-right: 30px; }
.kontakt form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .kontakt form input {
    flex: 0 0 49%;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #a1a2a1; }
  .kontakt form ::placeholder {
    color: #a1a2a1; }
  .kontakt form textarea {
    flex: 0 0 100%;
    padding: 10px;
    height: 140px;
    margin-bottom: 30px;
    border: 1px solid #a1a2a1; }

footer {
  background: #444645; }
  footer form {
    margin-top: 100px;
    margin: auto; }
    footer form input {
      padding: 9px;
      flex: 0 0 49%; }
    footer form .btn {
      border-radius: 0;
      flex: 0 0 49%;
      color: #FACB36; }

.bottom-bar {
  background: #FACB36; }
  .bottom-bar p {
    margin-bottom: 0; }
    .bottom-bar p a {
      color: black; }

.events .card {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  text-align: center; }
  .events .card img {
    border-radius: 20px 20px 0 0; }
  .events .card .card-body a {
    text-decoration: none;
    color: #FACB36; }

/*# sourceMappingURL=style.css.map */