:root {
  --szary: #e6e6e6;
  --granat: #082857;
  --zolty: #ffde7a;
  --stopka: #1a1a1a;
}

body {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246, 246, 246, 1) 80vh, rgba(233,229,232,1) 90vh, rgba(255,255,255,1) 90vh, rgba(255,255,255,1) 100%);
}

.b-zolty {
  background-color: var(--zolty);
}

.b-granat {
  background-color: var(--granat);
}

.c-zolty {
  color: var(--zolty);
}

.c-granat {
  color: var(--granat);
}

strong {
  font-weight: 700;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
}

.top {
  background-color: var(--szary);
  color: var(--granat);
}

.adres {
  font-size: 0.7rem;
}

.rem4 {
  font-size: 3.5rem;
}

.navbar {
  box-shadow: none;
}

.text {
  top: 0;
  left: 0;
  width: 100%;
  height: 100;
}

.rounded {
  border-radius: 0.55rem!important;
}

.oferta-b {
  background-color: var(--szary);
}

.of {
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 70%;
  font-size: 0.9rem;
}

.info {
  height: 50vh;
  background-image: url('../graf/info_tlo.jpg');
  background-position: top center;
  background-size: cover;
  /* background-attachment: fixed; */
}

.ramka {
  border-radius: 0.55rem 0.55rem 2rem 0.55rem;
  border: 2px solid var(--szary);
}

.baner {
  height: 45vh;
  background-image: url('../graf/baner_tlo.jpg');
  background-position: top center;
  background-size: cover;
}

.partnerzy-img {
  filter: grayscale(1);
  opacity: .5;
  transition: .4s;
}

.partnerzy-img:hover {
  filter: none;
  opacity: 1;
}

footer.page-footer {
  background-color: var(--stopka);
}

.map-container-2{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.map-container-2 iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.oferta-i {
  transition: all .2s ease-in-out;
}

.oferta-i:hover {
  transform: scale(1.01);
  box-shadow:  2px 2px 5px 0px rgba(0,0,0,0.45)
}