body {
  background-color: #D6D0C1;
}

.roboto {
  font-family: "Roboto Condensed", sans-serif;
}


.agi-page {
  position: relative;
  min-height: 105vh;
}

h1 {
  border-bottom: 1px solid #07072d;
  color: #090941;
}

h3 {
 font-family: 'Roboto Condensed', sans-serif;
}

h5 {
  font-family: 'Caveat', cursive;
  font-size: 28px;
}

.agi-small {
  font-size: 50%;
}

#bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 67%;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("/userfiles/g/bg-1.jpg");
  background-size: contain;
}

#description-up {
  margin-top: 100px;
  padding: 20px;
  background-color: #ffedad;
  border-radius: 10px;
  font-family: "Roboto Condensed", sans-serif;
  color: #30547c;

}

#noclegi {
  margin-top: 20px;
  display: block;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
}

.hotel-box {
  background-color: #ffedad;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.hotel-title {
  background-color: #195b91;
  color: white;
  padding: 10px 20px 10px 20px;
  font-family: "Roboto Condensed", sans-serif;
}
.hotel-fot img {
  width: 100%;
}
.hotel-tel {
  padding: 10px 20px 10px 20px;
}
.hotel-tel a:any-link {
  text-decoration: none;
}
.hotel-desc {
  padding: 10px 20px 10px 20px;
  color: #30547c;
  background-color: white;
}

#opisNaDole, .ramka {
  font-family: "Roboto Condensed", sans-serif;
  background-color: white;
  margin-bottom: 20px;
  border-radius: 10px;

}
#opisNaDole p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.h2-obiekt {
  background-color: navy;
  color: white;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 20px;
}

@media only screen and (max-width: 600px) {

  #bg {
    background-size: cover;
    padding-bottom: 60vh;
  }

  body {
    background-size: cover;
  }

  .agi-m-small {
    font-size: 90%;
  }

  .agi-m-center {
    text-align: center;
  }

  h1 {
    font-family: 'Roboto Condensed', sans-serif;
  }

}