@import url("./margins.css");

body {
  background-color: #ebebeb;
  padding-top: 20px;
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
}

.infoBagel {
  position: absolute;
  right: -10px;
  top: -10px;
}

#mainNavbar {
  box-shadow: 1px 10px 17px -13px rgba(148, 149, 167, 1);
  display: block;
}

.nav-link:hover {
  background-color: #ebebeb;

}

.nav-link.active {
  border-bottom: 2px solid black;
}

.carousel .carousel-inner {
  height: 715px
}

.carousel-inner .carousel-item img {
  min-height: 200px;
  object-fit: cover
}

.akapit {
  padding-top: 85px;
}

.akapit2 {
  padding-top: 110px;
}



@media(max-width:1400px) {
  .legendImage {
    margin: 0 auto;
  }
}

@media(max-width:768px) {
  .carousel .carousel-inner {
    height: auto
  }

  .legendImage {
    margin: 0 auto;
  }
}


@media (max-width: 576px) {
  .order-xs-1 {
    order: 1 !important;
  }

  .order-xs-2 {
    order: 2 !important;
  }

  .legendImage {
    margin: 0 auto;
  }

}