.dropdown {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 15px;
    display: block;
    line-height: 60px;
    padding: 0 15px;
    white-space: nowrap;
    
    border-style: solid;
  }

  .dropbtn1 {
    background-color: #d2eef600;
    color: #436399;
    padding: 10px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #d2eef6;
    min-width: 160px;
    box-shadow: 0px 8px 16px 1px #d2eef6;
    z-index: 10;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #436399;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: #d2eef6;}

  .sizefont {
    font-size: 30px;
    color: gray;
  }
  .sizefont2 {
    font-size: 15px;
    font-weight: 600;
    color: gray;
  }

  .fixed-nav.fixed-nav-prev,
  .fixed-nav.fixed-nav-next{
    display: none;
  }


  /*overlej*/

  .container1a {
    position: relative;
    width: 24%;
    float: left;
    margin: 5px 5px;
    /*border: blue 2px solid;*/
  }
  
  .image1i {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .middle1m {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width:65%;
  }
  
  .container1a:hover .image {
    opacity: 0.3;
  }
  
  .container1a:hover .middle1m {
    opacity: 1;
  }
  
  .text123 {
    background-color: #37424ed6;
    color: white;
    font-size: 16px;
    padding: 16px 15px;
  }

  body {
    height: auto;
  }
#Wrapper {
    height: 100%;
}
#Footer {
    position: inherit;
    width: 100%;
    bottom: 0;
}

/*tabla*/

#t01 {
  width:65%;
}
#t01, .test123, .test1234, .test12345  {

  border-collapse: collapse;
}
.test123, .test1234 {
  padding: 10px;
  text-align: left;
}

.test12345 {
  padding: 10px;
  text-align: right;
}

#t01 .test1234, .test12345:nth-child(even) {
  background-color: #d2eef6;
}


.twofield {
  width: 48%;
  height: auto;
  float: left;
  background-color: #d2eef6;
  margin: 10px;
  text-align: justify;
  padding-top: 15px;
}

.twofield1 {
  width: 48%;
  height: auto;
  float: left;
  background-color: #d2eef6;
  margin: 10px;
  text-align: justify;
  padding-top: 40px;
}

.twofield2 {
  width: 48%;
  height: auto;
  float: left;
  margin: 10px;
}
.twofield2txtblock {
  width: 47%;
  height: auto;
  float: left;
  margin: 10px;
}

.twofield2wide {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px;
}

.twofieldwide {
  width: 100%;
  height: auto;
  float: left;
  background-color: #d2eef6;
  margin: 10px;
  text-align: justify;
  padding-top: 15px;
}
.column.one-second.column_column {
  text-align: justify;
}

.twofieldaus {
  width: 35%;
  height: auto;
  float: left;
  background-color: #d2eef6;
  margin: 10px;
  text-align: justify;
  padding-top: 25px;

}

.twofield2aus {
  width: 60%;
  height: auto;
  float: left;
  margin: 10px;

}

.entry-title {
  font-size: 25px !important;
}

/*text box u slici*/

.twofield2 {
  position: relative;
}
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #73abbbdb;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: right;
  line-height: 100%;
}

.column.one-second.column_column {
  width: 47%;
}

.portfolio-item-fw-bg {
  margin: 10px;
}

.author {
  font-size: 30px;
}

.gallery-itemwell {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 10%;
}

.column.one-second.column_columnwell {
  width: 100%;
}



  /*media*/
  @media screen and (max-width:900px) {

    .container1a {
      width: 98%;
    }

    .scale-with-grid {
      clear: both;
      float: none;
      display: block;
      margin: 10px auto;
    }

    .h3kon {
      style="text-align: center;"
    }

    .dropdown {
      width: 100%;
    }
    #Wrapper {
      height: auto;
  }
  #Footer {
    position: relative;
}

.twofield,
.twofield1,
.twofield2,
.twofield2txtblock,
.twofieldaus,
.twofield2aus   {
  width: 95% !important;
  height: auto;

}

.twofieldwide,
.twofield2wide {
  width: 100%;
  width: 95% !important;
  height: auto;
  
}

.google-map {
  height: 450px !important;
}

.text-block {
  position: initial;
  text-align: center;
}

.gallery-itemwell {
  width: 33%;
}

#t01 {
  width: 100%;
}

/*galerija*/
.pp_content,
.pp_hoverContainer,
#fullResImage,
.pp_details,
.pp_pic_holder.pp_default {
  width: 100% !important;
  height: auto !important;
}

.pp_play,
.pp_arrow_previous {
  width: 48% !important;
  height: auto;
}


}