body{
    margin: 0;
    width: 100%;
    font-family: "Arbutus", serif;
    font-weight: 400;
    font-style: normal;

  }
  #navbar {
    overflow: hidden;
    background-color: black;
    
    
  }

  #navbar a {
    
    
    color: white;
    
    padding: 23px 16px;
    text-decoration: none;
    font-size: 25px;
    
    
  }
  
  #navbar a:hover {
    background-color: white;
    color: black;
  }
  .grenze-gotisch-pismo {
    font-family: "Grenze Gotisch", serif;
    font-optical-sizing: auto;
    font-weight: 00;
    font-style: normal;
  }
  .Kontakt{
    font-size: 70px ;
    color: whitesmoke;
    text-align: right;
  }
.nadpis {
  font-family: Georgia, 'Times New Roman', Times, serif;
  margin-top: -400px;
  margin-left: -900px;
  

  
}
.nadpiss {
  font-family: Georgia, 'Times New Roman', Times, serif;
  
}
  .row{
    font-size: 70px;
    color: whitesmoke;
    
  }

  /* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("konak1.jpg");

  /* Set a specific height */
  height: 1200px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text1 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text2 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  color: white;
}




figure {
    position: relative;
    width: 100%;
    height: 1100px;
    margin: 0!important;
  }
  .fixed-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
  }
  #fixed {
    background-image: url(konak2.png);
    opacity: 1;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
  }