* {

    box-sizing: border-box;

    font-family: Helvetica, sans-serif;

    text-decoration: none;

  }

  p {

    font-family: "Sriracha", serif;

    font-weight: 200;

    font-style: normal;

    font-size: 18px;

  }

  body {

    margin: 0;

    font-family:Helvetica, sans-serif;

  }

  

  /* Style the top navigation bar */

  .topnav {

    overflow: hidden;

    background-color: #B37732;

    margin-top: 10px;

  }

  .lower_border_radius{

    border-radius: 0 0 20px 20px;

  }

  

  /* Style the topnav links */

  .topnav a {

    float: left;

    display: block;

    color: #333;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 30px;

  }

  .topnav a:hover {

    font-weight: bolder;

    color: #fff;

    background-color: none;

  }



  .bg-color {

    background-color: #B37732;

  }



  .logo {

    width: 50%;

  }

  

  /* Style the content */

  .container {

    padding: 1% 10%;

    height: 100%; 

  }

  

  /* Style the footer */

  .footer {

    background-color: #B37732;

    padding: 10px;

    justify-content: center;

    

  }
  .footer1 {

    background-color: #B37732;

    padding: 10px;

  }

  .footer div p a {

    color: #333;

  }

  .social-media {

    margin-right: 13%;

    margin-left: 100px;

  }

  .logo-footer {

    width: 219px;

  }



  /* Background slike */

  .bg-index {

    background: url("../slike/cabin-7171636_1280.jpg");

    background-size: cover;

    background-position: center;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 200px rgba(0,0,0,0.20) inset;

  }

  .bg-o-nama {

    background: url("../slike/log-cabin-4030556_1280.jpg");

  }

  /* Margine i paddings */

  .m-top{

    margin-top: 5%;

  }

  .m-bottom {

    margin-bottom: 5%;

  }

  /* flex definition */

  .row {

    display: flex;

  }

  

  





  /* glavni naslov */

  .glavni-naslov {

    color: #fff;

    text-align: center;

  }

  .main-image {

    width: 343px;

    border-radius: 20px;

    height: 300px;

    align-items: end;

  }

  .main-text-right {

    margin-left: 5%;

    background: rgba(179, 119, 50, 0.8);

    border-radius: 20px;

    text-align: center;

  }

  .main-text-left {

    margin-right: 5%;

    background: rgba(179, 119, 50, 0.8);

    border-radius: 10px;

    text-align: center;

  }

  .main-text h3 {

    color: #fff;

    text-align: center;

  }

  .main-text p {

    color: #fff;

    text-align: center;

    padding: 2% 5%;

    margin: 4% 5%;

  }

  .button {

    padding: 2% 3%;

    background-color: #1B66BC;

    border-radius: 15px;

    color: #fff;

    font-size: 20px;

    font-family: 'Lucida Sans';

    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);

    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);

  }



  /* slider */

  .visually-hidden { 

    position: absolute !important;

    height: 1px; 

    width: 1px;

    overflow: hidden;

    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

    clip: rect(1px, 1px, 1px, 1px);

    white-space: nowrap; /* added line */

  }

  

  .slider {

    position: relative;

    max-width: 900px;

    padding: 0 15px;

    margin: 30px auto;

  }

  

  .slider-list {

    display: flex;

    padding: 0;

    border: 5px solid #ffffff;

    margin: 0;

    overflow: hidden;

    list-style-type: none;

    border-radius: 20px;

  }

  

  .slider-item {

    opacity: 0;

    width: 0%;

    flex-shrink: 0;

    z-index: 1;

    transition: opacity 1s;

  }

  

  #slider-control-1:checked ~ .slider-list .slider-item:nth-child(1),

  #slider-control-2:checked ~ .slider-list .slider-item:nth-child(2),

  #slider-control-3:checked ~ .slider-list .slider-item:nth-child(3) {

    opacity: 100;

    width: 100%;

    transition: opacity 0.5s;

  }

  

  .slider-img {

    display: block;

    max-width: 100%;

    height: auto;

    z-index: 1;

  }

  

  .slider-controls {

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    z-index: 999;

  }

  

  .slider-controls label {

    width: 25px;

    height: 25px;

    margin: 0 5px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.5);

    font-size: 0;

    cursor: pointer;

    z-index: 999;

  }

  

  .slider-controls label:hover,

  #slider-control-1:checked ~ .slider-controls label:nth-child(1),

  #slider-control-2:checked ~ .slider-controls label:nth-child(2),

  #slider-control-3:checked ~ .slider-controls label:nth-child(3) {

    background-color: #ffffff;

  }



  /* google fonts css */

  .quintessential-regular {

    font-family: "Quintessential", serif;

    font-weight: 400;

    font-style: normal;

  }

  .sriracha-regular {

    font-family: "Sriracha", serif;

    font-weight: 200;

    font-style: normal;

    font-size: 16px;

  }

  h2{

    font-family: "Quintessential", serif;

    font-weight: 200;

    font-style: normal;

    font-size: 40px;

  }

  h3{

    font-family: "Quintessential", serif;

    font-weight: 200;

    font-style: normal;

    font-size: 30px;

  }

.osvetljeno{

  color: #fff;

  -webkit-text-stroke: #B37732;

  font-size: 76px;

}

.ponuda-img{

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

  height: 180px;

  border-radius: 40px;

  width: 100%;

  outline: #fff;

}

.ponuda-text{

  position: relative;

  width: 345px;

  height: 700px;

  border-radius: 40px;

  

}
.map-full {
  width: 100vw;              /* puna širina ekrana */
  height: 60vh;              /* visina – slobodno menjaj */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.map-full iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}