@charset "utf-8";
/* CSS Document */

/*
Fonts
Barlow

Colors:
#bbbbbb -horizont
#262626 - homepage, home, last frame
#000C42 - cianotipicno
#B55731(red) -
#E4DBCA(bez) -

*/
. {
  border-sizing: border-box;
}

body, html {
    margin: 0px;
    padding: 0px;
}

body, html {
    margin: 0px;
    padding: 0px;
    font-family: 'Barlow';
}
li {
  list-style: none;
  z-index: 1;
}

.logo {
    background-color: transparent;
    height: 7px;
    right: 40px;
    padding: 0;
    margin: 0;
    bottom: -10px;
    align-content: right;
    position: relative;
    float: right;
}

.logo svg{
    width: auto;
    height: 300%;
    top: 130px;
    float: right;
    margin-top: 20px;
    margin-left: -30px;
}

.logotip_png {
    display: none;
}

.container {
    width: 40%;
    max-width: 260px;
    height: 900px;
	  margin-top: -10px;
	  margin-left: 0;
    overflow: hidden;
    position: fixed;
    background-color: #262626;
    box-sizing: border-box;
    float: left;
}

.container_red {
    width: 40%;
    max-width: 260px;
    height: 900px;
   	margin-top: -10px;
	  margin-left: 0;
    overflow: hidden;
    position: fixed;
    background-color: #B55731;
    box-sizing: border-box;
    float: left;
}

.container_bez {
    width: 40%;
    max-width: 260px;
    height: 900px;
	  margin-top: -10px;
	  margin-left: 0;
    overflow: hidden;
    position: fixed;
    background-color: #E4DBCA;
    box-sizing: border-box;
    float: left;
}

.burger {
    display: none;
}


#main-navigatio ul li {
    text-align: left;
    list-style: none;
}


#main-navigation a{
    list-style: none;
    display: block;
    width: 161px;
    height: 26px;
    font-family: 'Barlow', serif;
    text-decoration: none;
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 800;
    font-style: normal;
    color: white;
    padding: 0.4em;
    padding-right: 30px;
}

#main-containe a:hover, #main-navigation a:active{
    color: #E4DBCA;
}


.copyright a {
    font-size: 13px;
    text-align: center;
    font-family: "Barlow";
    font-weight: 800;
    color: white;
    margin-left: 45px;
    position: relative;
    bottom: 1rem;
    left: .3rem;
}


.scroll {
    width: 70%;
    float: right;
    margin-top: 60px;
    box-sizing: border-box;
    position: relative;
}

/*framed light*/

.framed_light {
  width: 272px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-top: 15px;
  margin-right: 120px;
  text-align: justify;
}

.foto7 {
    margin-top: 30px;
    width: 631px;
    height: 446px;
    overflow: visible;
    float: left;
}

.foto4 {
  width: 359px;
  height: 254px;
  float: right;
  overflow: visible;
margin-top: 42px;
    margin-right: 33px;
}

.foto12 {
  width: 545px;
  height: 385px;
  overflow: visible;
    float: left;
    margin-top: 44px;
    margin-left: 86px;
}

.foto10 {
    overflow: visible;
    float: right;
    margin-top: 44px;
    margin-right: 84px;
}

.foto14 {
    overflow: visible;
    float: left;
    margin-top: 44px;
    margin-left: 172px;
}

.foto1 {
    overflow: visible;
    float: right;
    margin-top: 117px;
    margin-right: 35px;
}

.foto15 {
    overflow: visible;
    float: left;
    margin-top: 44px;
}

.foto13 {
    overflow: visible;
    float: right;
    margin-top: 44px;
    margin-right: 80px;
}

.foto3 {
    overflow: visible;
    float: right;
    margin-top: 268px;
    margin-right: 84px;
    margin-bottom: 44px;
}

/* HORIZONT */

.container_horizont {
    width: 40%;
    max-width: 260px;
    height: 900px;
	margin-top: -10px;
	margin-left: 0;
    overflow: hidden;
    position: fixed;
    background-color: #bbbbbb;
    box-sizing: border-box;
    float: left;
}

.horizont_text {
  width: 229px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 402px;
  margin-top: -155px;
  text-align: justify;
}

.horizont1 img {
    margin-top: -2px;
}

.horizont2 img {
    margin-top: 65px;
}

.horizont3 img {
    margin-top: 4px;
}

.horizont4 img {
    margin-top: -17px;
}

.horizont5 img {
    margin-top: -39px;
}

.galery {
  float: left;
  overflow: visible;
  margin-top: 170px;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  padding: 10px;
}
.horizont {
  padding: 10px;
}

/*STREET*/

.street1 {
    float: left;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street2 {
    float: right;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street3 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street4 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street5 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street6 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street7 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street8 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street9 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street10 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street11 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street12 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street13 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street14 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street15 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 13px;
}

.street16 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
}

.street17 {
    float: right;
    margin-top: 25px;
    margin-right: 13px;
    margin-bottom: 80px;
}

/*KOMERCIALA*/

.commercial1 {
    float: left;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 20px;
}

.commercial2 {
    float: right;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 25px;
}

.commercial3 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 64px;
}

.commercial4 {
    float: left;
    margin-top: 25px;
    margin-left: 130px;
    margin-bottom: 25px;
}

.commercial5 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 153px;
}

.commercial6 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 198px;
}

.commercial7 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 83px;
}

.commercial8 {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 46px;
}

.commercial9 {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 164px;
}

.commercial10 {
    float: left;
    margin-top: 25px;
    margin-bottom: 100px;
    margin-left: 245px;
}

/*BUDAPEST*/

.budapest_text {
  width: 434px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 40px;
  margin-top: 15px;
  text-align: justify;
}

.budapest {
  float: left;
  overflow: visible;
padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.budapest1 {
    margin-top: 5px;
}

.budapest2 {
    margin-top: -15px;
}

.budapest5 {
    margin-top: -60px;
}

.budapest6 {
    margin-top: -315px;
}

.budapest9 {
    margin-top: -530px;
}

.budapest11 {
    margin-top: -410px;
}

.budapest13 {
    margin-top: -765px;
}

.budapest15 {
    margin-top: -120px;
}

.budapest17 {
    margin-bottom: 80px;
}

.budapest18 {
    margin-top: -10px;
}

/*UGLJAN*/

.ugljan_text {
  width: 409px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 31px;
  margin-top: 15px;
  text-align: justify;
}

.ugljan {
  float: left;
  overflow: visible;
padding: 23px;
  display: grid;
  grid-template-columns: auto auto;
}

.ugljan1{
    margin-top: 5px;
}

.ugljan4 {
    margin-top: -260px;
}

.ugljan6 {
    margin-top: -170px;
}

.ugljan8 {
    margin-top: -70px;
}

.ugljan10 {
    margin-top: -145px;
}

.ugljan13 {
    margin-top: -85px;
}

.ugljan15 {
    margin-top: -387px;
}

.ugljan18 {
    margin-top: -55px;
    margin-bottom: 80px;
}

/*SWEEDEN*/

.sweden_text {
  width: 479px;
  height: 85px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 27px;
  margin-top: 15px;
  text-align: justify;
}

.sweden {
  float: left;
  overflow: visible;
  padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.sweden1 {
    margin-top: 5px;
}

.sweden2 {
    margin-top: 10px;
}

.sweden4 {
   margin-top: -525px;
}

.sweden5 {
    margin-top: -195px;
}

.sweden6 {
    margin-top: -45px;
}

.sweden7 {
    margin-top: 5px;
}

.sweden8 {
    margin-top: -495px;
}

.sweden9 {
    margin-top: -185px;
}

.sweden10 {
    margin-top: -40px;
}

.sweden11 {
    margin-top: 5px;
}

.sweden12 {
    margin-top: -460px;
}

.sweden13 {
    margin-top: 5px;
}

.sweden16 {
    margin-top: -415px;
}

.sweden17 {
    margin-top: 5px;

}
.sweden18 {
    margin-top: -355px;
}

.sweden19 {
    margin-top: 5px;
}

.sweden20 {
    margin-top: -395px;
}

.sweden21 {
    margin-top: 5px;
}

.sweden22 {
    margin-top: -55px;
}
.sweden23 {
    margin-top: 5px;
}
.sweden25 {
    margin-top: 5px;
}

.sweden24 {
    margin-top: -15px;
}

.sweden26 {
    margin-top: -20px;
}

.sweden28 {
    margin-top: 5px;
}

.sweden27 {
    margin-top: -350px;
    margin-bottom: 80px;
}

/*PRAGUE*/

.praga_text {
  width: 334px;
  height: 95px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 31px;
  margin-top: 15px;
  text-align: justify;
}

.praga {
  float: left;
  overflow: visible;
  padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.praga1 {
    margin-top: 5px;
}

.praga2 {
    margin-top: 15px;
}

.praga3 {
    margin-top: -250px;
}

.praga5 {
    margin-top: -60px;
}

.praga9 {
    margin-top: -145px;
}

.praga11 {
    margin-top: -40px;
}

.praga12 {
    margin-top: 3px;
}

.praga13 {
    margin-top: -85px;
}

.praga16 {
    margin-top: -173px;
    margin-bottom: 80px;
}

/*SLOVENIA*/

.slovenia {
  float: left;
  overflow: visible;
  padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.slovenia3 {
    margin-top: -265px;
}

.slovenia6 {
    margin-top: -670px;
}

.slovenia8 {
    margin-top: -235px;
}

.slovenia10 {
    margin-top: -260px;
}

.slovenia12 {
    margin-top: -242px;
}

.slovenia14 {
    margin-top: -700px;
}

.slovenia15 {
    margin-top: -617px;
}

.slovenia17 {
    margin-top: -522px;
}

.slovenia19 {
    margin-top: -440px;
}

.slovenia21 {
    margin-top: -365px;
}

.slovenia24 {
    margin-top: -377px;
}

.slovenia25 {
    margin-top: -830px;
}

.slovenia27 {
    margin-top: -830px;
}

.slovenia30 {
    margin-top: -370px;
}

.slovenia32 {
    margin-top: -100px;
}

.slovenia34 {
    margin-top: -95px;
}

.slovenia36 {
    margin-top: -535px;
}

.slovenia37 {
    margin-top: -525px;
}

.slovenia40 {
    margin-top: -523px;
}

.slovenia42 {
    margin-top: -40px;
}

.slovenia45 {
    margin-top: -295px;
}

.slovenia47 {
    margin-bottom: 45px;
}

.slovenia48 {
    margin-top: -25px;
}

.slovenia49 {
    margin-top: -460px;
}

/*TRAVEL*/

.travel {
  float: left;
  overflow: visible;
  padding: 50px;
  margin-left: 70px;
  display: grid;
  grid-template-columns: auto;
}

.travel1 {
    margin-top: 5px;
}

.travel5 {
    margin-bottom: 80px;
}

/*INTERIOR*/

.interior {
  float: left;
  overflow: visible;
  padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.interior4{
    margin-top: -560px;
}

.interior6 {
    margin-top: -265px;
}

.interior7 {
    margin-top: 5px;
}

.interior9 {
    margin-top: 5px;
}

.interior8 {
    margin-top: -830px;
}

.interior10 {
    margin-right: 600px;
    margin-top: -180px;
    margin-bottom: 80px;
}

/*CIANOTIPIČNO*/

.container_cianotipicno {
    width: 40%;
    max-width: 260px;
    height: 900px;
	margin-top: -10px;
	margin-left: 0;
    overflow: hidden;
    position: fixed;
    background-color: #000C42;
    box-sizing: border-box;
    float: left;
}

.cianotipicno {
  float: left;
  overflow: visible;
  padding: 0px;
  display: grid;
  padding: -20px;
  grid-template-columns: auto auto;
}

.cianotipicno1 {
    margin-top: -30px;
}

.cianotipicno2 {
    margin-top: 40px;
}

.cianotipicno4 {
    margin-top: -280px;
    margin-left: 20px;
}

.cianotipicno6 {
    margin-left: 70px;
    margin-top: -200px;
}

.cianotipicno7 {
    margin-left: -60px;
}

.cianotipicno8 {
    margin-top: -630px;
    margin-left: 40px;
}

.cianotipicno10 {
    margin-top: -30px;
    margin-left: 60px;
}

.cianotipicno9{
    margin-left: 5px;
    margin-top: -50px;
}

.cianotipicno11{
    margin-left: 20px;
}

.cianotipicno12 {
    margin-top: -430px;
}

.cianotipicno13 {
    margin-left: 260px;
}

.cianotipicno14 {
    margin-bottom: 80px;

}

.cianotipicno_text {
  width: 309px;
  height: 164px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: right;
  margin-right: 190px;
  margin-top: 15px;
  text-align: justify;
}
.cianotipicno_text2 {
  width: 701px;
  height: 50px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: left;
  margin-bottom: 80px;
  margin-left: 120px;
  text-align: center;
}
/*HOME*/

.home_text {
  width: 792px;
  height: 95px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: left;
  margin-top: -25px;
  margin-left: 225px;
  margin-bottom: 50px;
  text-align: justify;
}

.home {
  float: left;
  overflow: visible;
  padding: 64px;
  display: grid;
  margin-left: 90px;
  grid-template-columns: auto;
}

.home1 {
    margin-top: -40px;
}

/*LAST FRAME*/

.lastframe_text {
  width: 783px;
  height: 95px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: left;
  margin-top: -25px;
  margin-left: 163px;
  margin-bottom: 80px;
  text-align: justify;
}

.lastframe {
  float: left;
  overflow: visible;
  padding: 64px;
  display: grid;
  margin-left: 100px;
  grid-template-columns: auto;
}

.lastframe1 {
    margin-left: 43px;
    margin-top: -40px;
}

/*LEFT BEHIND*/

.leftbehind {
  float: left;
  overflow: visible;
  padding: 25px;
  display: grid;
  grid-template-columns: auto auto;
}

.leftbehind3 {
    margin-top: -816px;
}

.leftbehind5 {
    margin-top: -826px;
}

.leftbehind7 {
    margin-top: -395px;
}

.leftbehind9 {
    margin-top: -407px;
}

.leftbehind11 {
    margin-top: -436px;
    margin-bottom: 80px;
}

/*ZAPRTA VRATA*/

.video {
    float: center;
    margin-top: 100px;
    margin-left: 50px;
    padding: 0px;
}

/*COVERED*/

.covered_text {
  width: 415px;
  height: 50px;
  font-family: "Barlow",
  color: #000000;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin-left: 60px;
  margin-top: 20px;
  text-align: justify;
}

.covered_credits {
  width: 415px;
  height: 50px;
  font-family: "Barlow",
  color: #000000;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin-left: 523px;
  margin-top: 20px;
  text-align: left;
}

.covered {
  float: left;
  overflow: visible;
  padding: 22px;
  display: grid;
  grid-template-columns: auto auto;
}

.covered1 {
    margin-left: 40px;
    margin-top: -40px;
}

.covered2 {
    margin-top: -40px;
}

.covered3 {
    margin-left: 40px;
}



/*ABOUT ME*/

.portret img {
    float: left;
    padding: 20px;
    margin-left: 90px;
    padding-right: -20px;
    margin-top: -10px;
    max-width: 100%;
    position: relative;
}

h1 {
    margin-top: 30px;
    font-size: 16px;
    font-family: 'Barlow';
    font-weight: 500;
    outline-width: 1.2em;
    transform: uppercase;
    position: relative;
}

.aboutme {
    position: relative;
    max-width: 440px;
    max-height: 260px;
    padding: 10px;
    top: -480px;
    left: 480px;
}

.contact {
    position: relative;
    max-width: 300px;
    max-height: 60px;
    left: 480px;
    top: -105px;
}

.contact a {
    color: #B55731;
    cursor: pointer;
    padding: 3px;
    font-family: "Barlow",
    color: #000000;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 300;
    text-align: justify;
}

.razstave {
    position: absolute;
    bottom: -150px;
    left: 110px;
    
}

.aboutme p {
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  text-align: left;
  width: 420px;
}

.razstave p {
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  text-align: left;
}

.contact p {
  font-family: "Barlow",
  color: #000000;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -20px;
  text-align: justify;
  position: relative;
}

/*media sizes*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body{
        margin: 0px;
        padding: 0px;
    }
    .line {
      width: 30px;
      height: 3px;
      background: white;
      margin: 5px;
    }

    .nav {
      position: relative;
    }

    .burger {
      position: absolute;
      cursor: pointer;
      left: 5%;
      top: 55%;
      transform: translate(-5%, -50%);
      z-index: 2;
      display: block;
    }

    li {
      list-style: none;
      position: relative;
      margin-left: 25%;

    }

    .nav-links li a{
      text-align: center;
      padding: 0;
      margin: 0px;
      width: 100%;
      align-items: center;
      align-content: center;
      margin-right: 200px;
      list-style: none;
    }


    .nav-links {
      text-align: center;
      position: fixed;
      background: #262626;
      top: 10%;
      margin: 0px;
      height: 100vh;
      width: 100%;
      clip-path: circle(100px at -60% -10%);
      -webkit-clip-path: circle(100px at -60% -10%);
      transition: all 1s ease-out;

    }

    .nav-links.open{
      clip-path: circle(1200px at -60% -10%);
      -webkit-clip-path: circle(1200px at -60% -10%);
    }

    .container {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_bez {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_red {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_cianotipicno {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_horizont {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }

    .copyright {
      display: none;
    }

    .logo {
       display: none;
       position: absolute;
    }

    .logotip_png{
        display: block;
        position: absolute;
        right: 5%;
        top: 45%;
    }
    .scroll {
      width: 100%;
      max-width: 600px;
      position: relative;
    }
    
/*HOME*/

.home_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  
}
 .home {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .home img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_home {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
.home1 {
    margin-top: 5px;
}
    
/*LAST FRAME*/ 
    .lastframe_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: justify;
  
}
 .lastframe {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .lastframe img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_lastframe {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    .lastframe1 {
        margin-left: 0px;
        margin-top: 20px;
    }

/*TRAVEL*/
 .travel {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;    
    }
    
    .travel img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_travel {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
    .travel1{
        margin-top: 15px;
    }
    
    .travel5{
        margin-bottom: 20px;
    }
    
/*COMERCIALA*/
 .commercial {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .commercial img {    
        align-content: center;
        align-items: center;
        width: 450px;
    }
    
    .galery_commercial {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
 .commercial1 {
    float: left;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial2 {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.commercial3 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial4 {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.commercial5 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial6 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial7 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial8 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial9 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial10 {
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
   
/*STREET*/
    .street {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .street img {    
        align-content: center;
        align-items: center;
        width: 450px;
        float: left;
        margin-left: 1%;
    }
    
    .galery_street {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
    
.street1 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street2 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street4 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street5 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street6 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street7 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street8 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street9 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street10 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street11 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street12 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street13 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street14 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street15 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street16 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street17 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

/*COVERED*/
.covered {
        margin: 15px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .covered img {    
        align-content: center;
        align-items: center;
        width: 450px;
        float: left;
    }
    
    .galery_covered {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
      .covered_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  text-align: center;
  
}
      .covered_credits {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  text-align: center;
  
}
    .covered {
  float: left;
  overflow: visible;
  display: grid;
  grid-template-columns: auto auto;
}
    .covered img {
        margin-left: -15px;
    }

.covered1 {
    margin-left: 0px;
    margin-top: 20px;
}

.covered2 {
    margin-top: 0px;
}

.covered3 {
    margin-left: 0px;
}
    
/*LEFT BEHIND*/

 .leftbehind {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .leftbehind img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .leftbehind1{
        margin-top: 20px;
    }
    
    .leftbehind3 {
    margin-top: 0px;
}

.leftbehind5 {
    margin-top: 0px;
}

.leftbehind7 {
    margin-top: 0px;
}

.leftbehind9 {
    margin-top: 0px;
}

.leftbehind11 {
    margin-top: 0px;
    margin-bottom: 20px;
}

    
/*CIANOTIPIČNO*/
 .cianotipicno {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .cianotipicno img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    .cianotipicno1 {
    margin-top: 0px;
}

.cianotipicno2 {
    margin-top: 0px;
}

.cianotipicno4 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno6 {
    margin-left: 0px;
    margin-top: 0px;
}

.cianotipicno7 {
    margin-left: 0px;
}

.cianotipicno8 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno10 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno9{
    margin-left: 0px;
    margin-top: 0px;
}

.cianotipicno11{
    margin-left: 0px;
}

.cianotipicno12 {
    margin-top: 0px;
}

.cianotipicno13 {
    margin-left: 0px;
}

.cianotipicno14 {
    margin-bottom: 0px;
}

 .cianotipicno_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  float: left;
  text-align: justify;
}
 .cianotipicno_text2 {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -20px;
  float: left;
  text-align: justify;
}
    
/*INTERIOR*/
       .interior {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
         align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
        
    }
    
    .interior img {
        width: 450px;
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    .interior1 {
        margin-top: 20px;
    }
 .interior4{
    margin-top: 0px;
}

.interior6 {
    margin-top: 0px;
}

.interior7 {
    margin-top: 0px;
}

.interior9 {
    margin-top: 0px;
}

.interior8 {
    margin-top: 0px;
}

.interior10 {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}   
   
/*ABOUTME*/
   
.aboutmapage {
    position: relative;
    align-items: center;
    position: relative;
    max-width: 500px;
    width: 550px;
    display: grid;
    }
    
.portret img {
    width: 240px;
    padding: 20px;
    margin-left: 10px;
    padding-right: 0px;
    top: 20px;
    position: relative;
}
    h1 {
    margin-top: 0px;
    left: 1rem;    
    font-size: 15px;
    font-family: 'Barlow';
    font-weight: 500;
    outline-width: 1.2em;
    transform: uppercase;
    position: relative;
}
    
    .aboutme p {
  width: 175px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 10px;
  margin-top: -10px;
  text-align: left;
  position: relative;
}
    .aboutme {
    position: absolute;
    max-width: 175px;
    max-height: 340px;
    padding: 10px;
    top: 20px;  
    left: 270px;
    
}
    .aboutme h1 {
        margin-left: -5px;
    }
    
 .contact p {
  width: 200px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -20px;
  text-align: justify;
  position: relative;
}
    .contact {
    width: 200px;
    position: relative;
    padding: 10px;
    right: 0px;
    top: 20px;
    left: 3px;
}
   
     .razstave p {
  width: 400px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -5px;
  text-align: justify;
}
.razstave {
    width: 400px;
    position: absolute;
    padding: 10px;
    left: 10px;
    top: 460px;
}
  
/*framed light*/

.galery_framed {
    position: relative;
    align-items: center;
    max-width: 450px;
    width: 450px;
    display: grid;
        
    }
.framed_light {
  width: 360px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  padding: 15px;
  position: relative;
  left: 65px;
  align-content: center;
  text-align: justify;
}

.foto7 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
    
}
 .foto7 img {
     width: 450px;
     max-width:450px;
     margin-top: -20px;
    }

.foto4 {
  position: relative;
  display: block;
  float: left;
  width: 450px;
  overflow: visible;
  padding: 15px;
}  
.foto4 img {
  width: 450px;
  max-width:450px;
  margin-top: -170px;
    }

.foto12 {
  position: relative;
  display: block;
  overflow: visible;
  float: left;
    width: 450px;
  padding: 15px;
  margin: 0px; 
}
.foto12 img {
  width: 450px;
  max-width: 450px;
  margin-top: -85px;
    }
.foto10 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
    .foto10 img {
         width: 450px;
        max-width:450px;
        margin-top: -130px;
    }

.foto14 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 00px;
}
      .foto14 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto1 {
    position: relative;
    display: block;
    overflow: visible;
   float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto1 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto15 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto15 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto13 {
    position: relative;
    display: block;
    overflow: visible;
     float: left;
        width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto13 img {
           width: 450px;
        max-width:450px;
          margin-top: 20px;
                    
    }

.foto3 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto3 img {
        width: 450px;
        max-width:450px;
          margin-top: 20px;
          margin-bottom: 30px;
    }
    
/*ZAPRTA VRATA*/

.video {
    margin-top: 230px;
    margin-left: 25px;
    padding: 0px;
}

    .video iframe {
        width: 450px;
        height: 160px;
    }

    
/*HORIZONT*/
    
.horizont_text {
  position: relative;
  width: 400px;
  height: 100px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: left;
  left: 2.5rem;
  margin-right: 0px;
  margin-top: 0px;
  text-align: justify;
  margin-bottom: 20px;
}

.horizont1 img {
    margin-top: -140px;
    width: 450px;
    
}

.horizont2 img {
    margin-top: 10px;
    width: 450px;
}

.horizont3 img {
    margin-top: 10px;
    width: 450px;
}

.horizont4 img {
    margin-top: 10px;
    width: 450px;
}

.horizont5 img {
    margin-top: 10px;
    width: 450px;
}

.galery {
  float: left;
  overflow: visible;
  margin-top: 170px;
  display: grid;
  grid-template-columns: auto;
  padding: 5px;
}
.horizont {
  padding: 10px;
}
    
/*BUDAPEST*/
.budapest {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .budapest img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_budapest {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .budapest_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
.budapest1 {
    margin-top: -20px;
}

.budapest2 {
    margin-top: 0px;
}

.budapest5 {
    margin-top: 0px;
}

.budapest6 {
    margin-top: 0px;
}

.budapest9 {
    margin-top: 0px;
}

.budapest11 {
    margin-top: 0px;
}

.budapest13 {
    margin-top: 0px;
}

.budapest15 {
    margin-top: 0px;
}

.budapest17 {
    margin-bottom: 0px;
}

.budapest18 {
    margin-top: 0px;
}
    
/*UGLJAN*/ 
.ugljan {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .ugljan img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_ugljan {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .ugljan_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
.ugljan1{
    margin-top: -20px;
}

.ugljan4 {
    margin-top: 0px;
}

.ugljan6 {
    margin-top: 0px;
}

.ugljan8 {
    margin-top: 0px;
}

.ugljan10 {
    margin-top: 0px;
}

.ugljan13 {
    margin-top: 0px;
}

.ugljan15 {
    margin-top: 0px;
}

.ugljan18 {
    margin-top: 0px;
    margin-bottom: 0px;
}
    .ugljan19 {
        margin-bottom: 20px;
    }
/*SWEDEN*/ 
.sweden {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .sweden img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_sweden {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .sweden_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
.sweden1 {
    margin-top: 0px;
}

.sweden2 {
    margin-top: 0px;
}

.sweden4 {
   margin-top: 0px;
}

.sweden5 {
    margin-top: 0px;
}

.sweden6 {
    margin-top: 0px;
}

.sweden7 {
    margin-top: 0px;
}

.sweden8 {
    margin-top: 0px;
}

.sweden9 {
    margin-top: 0px;
}

.sweden10 {
    margin-top: 0px;
}

.sweden11 {
    margin-top: 0px;
}

.sweden12 {
    margin-top: 0px;
}

.sweden13 {
    margin-top: 0px;
}

.sweden16 {
    margin-top: 0px;
}

.sweden17 {
    margin-top: 0px;

}
.sweden18 {
    margin-top: 0px;
}

.sweden19 {
    margin-top: 0px;
}

.sweden20 {
    margin-top: 0px;
}

.sweden21 {
    margin-top: 0px;
}

.sweden22 {
    margin-top: 0px;
}
.sweden23 {
    margin-top: 0px;
}
.sweden25 {
    margin-top: 0px;
}

.sweden24 {
    margin-top: 0px;
}

.sweden26 {
    margin-top: 0px;
}

.sweden28 {
    margin-top: 0px;
}

.sweden27 {
    margin-top: 0px;
    margin-bottom: 20px;
}

/*PRAGA*/

.praga {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .praga img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_praga {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .praga_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}

.praga1 {
    margin-top: -20px;
}

.praga2 {
    margin-top: 0px;
}

.praga3 {
    margin-top: 0px;
}

.praga5 {
    margin-top: 0px;
}

.praga9 {
    margin-top: 0px;
}

.praga11 {
    margin-top: 0px;
}

.praga12 {
    margin-top: 0px;
}

.praga13 {
    margin-top: 0px;
}

.praga16 {
    margin-top: 0px;
    margin-bottom: 20px;
}

    
    /*slovenia*/
    
.slovenia {
    float: none;
    margin: 0px;
    padding: 15px;   
    overflow: visible;
    margin-top: 10px;
    align-content: center;    
}

.slovenia img {
    max-width: 450px;    
    align-content: center;
    align-items: center;
}
    
.galery_slovenia {
    align-items: center;
    position: relative;
    max-width: 500px;
    width: 80%;
    display: grid;
    grid-template-columns: auto;
}
    
 .slovenia1{
        margin-top: 20px;    
    }
    .slovenia2 {
        margin-top: 0px;
    }
    .slovenia3 {
    margin-top: 0px;
}
     .slovenia4 {
        margin-top: 0px;
    }
     .slovenia5 {
        margin-top: 0px;
    }

.slovenia6 {
    margin-top: 0px;
}
     .slovenia7 {
        margin-top: 0px;
    }

.slovenia8 {
    margin-top: 0px;
}
     .slovenia9 {
        margin-top: 0px;
    }

.slovenia10 {
    margin-top: 0px;
}
     .slovenia11 {
        margin-top: 0px;
    }

.slovenia12 {
    margin-top: 0px;
}
    
 .slovenia13 {
        margin-top: 0px;
    }

.slovenia14 {
    margin-top: 0px;
}

.slovenia15 {
    margin-top: 0px;
}
 .slovenia16 {
        margin-top: 0px;
    }

.slovenia17 {
    margin-top: 0px;
}
 .slovenia18 {
        margin-top: 0px;
    }

.slovenia19 {
    margin-top: 0px;
}
 .slovenia20 {
        margin-top: 0px;
    }

.slovenia21 {
    margin-top: 0px;
}
 .slovenia22 {
        margin-top: 0px;
    }
 .slovenia23 {
        margin-top: 0px;
    }

.slovenia24 {
    margin-top: 0px;
}

.slovenia25 {
    margin-top: 0px;
}
 .slovenia26 {
        margin-top: 0px;
    }

.slovenia27 {
    margin-top: 0px;
}
 .slovenia28 {
        margin-top: 0px;
    }
 .slovenia29 {
        margin-top: 0px;
    }

.slovenia30 {
    margin-top: 0px;
}
 .slovenia31 {
        margin-top: 0px;
    }

.slovenia32 {
    margin-top: 0px;
}
 .slovenia33 {
        margin-top: 0px;
    }

.slovenia34 {
    margin-top: 0px;
    }
 .slovenia35 {
        margin-top: 0px;
    }

.slovenia36 {
    margin-top: 0px;
}

.slovenia37 {
    margin-top: 0px;
}
 .slovenia38 {
        margin-top: 0px;
    }
 .slovenia39 {
        margin-top: 0px;
    }

.slovenia40 {
    margin-top: 0px;
}
 .slovenia41 {
        margin-top: 0px;
    }

.slovenia42 {
    margin-top: 0px;
}
 .slovenia43 {
        margin-top: 0px;
    }
 .slovenia44 {
        margin-top: 0px;
    }
.slovenia45 {
    margin-top: 0px;
}
 .slovenia47 {
        margin-top: 0px;
    }

.slovenia47 {
    margin-bottom: 0px;
}

.slovenia48 {
    margin-top: 0px;
}

.slovenia49 {
    margin-top: -10px;
    margin-bottom: 20px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    body{
        margin: 0px;
        padding: 0px;
    }
    .line {
      width: 30px;
      height: 3px;
      background: white;
      margin: 5px;
    }

    .nav {
      position: relative;
    }

    .burger {
      position: absolute;
      cursor: pointer;
      left: 5%;
      top: 56%;
      transform: translate(-5%, -50%);
      z-index: 2;
      display: block;
    }

    li {
      list-style: none;
      position: relative;
      margin-left: 25%;

    }

    .nav-links li a{
      text-align: center;
      padding: 0;
      margin: 0px;
      width: 100%;
      align-items: center;
      align-content: center;
      margin-right: 200px;
      list-style: none;
    }


    .nav-links {
      text-align: center;
      position: fixed;
      background: #262626;
      top: 8%;
      margin: 0px;
      height: 100vh;
      width: 100%;
      clip-path: circle(100px at -60% -10%);
      -webkit-clip-path: circle(100px at -60% -10%);
      transition: all 1s ease-out;

    }

    .nav-links.open{
      clip-path: circle(1300px at -60% -10%);
      -webkit-clip-path: circle(1300px at -60% -10%);
    }

    .container {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_bez {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_red {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_cianotipicno {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }
    .container_horizont {
      width: 100%;
      max-width: 600px;
      height: 10%;
      position: fixed;
    }

    .copyright {
      display: none;
    }

    .logo {
       display: none;
       position: absolute;
    }

    .logotip_png{
        display: block;
        position: absolute;
        right: 5%;
        top: 45%;
    }
    .scroll {
      width: 100%;
      max-width: 768px;
      position: relative;
    }
    
/*HOME*/

.home_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  
}
 .home {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .home img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_home {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
.home1 {
    margin-top: 5px;
}
    
/*LAST FRAME*/ 
    .lastframe_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: justify;
  
}
 .lastframe {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .lastframe img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_lastframe {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    .lastframe1 {
        margin-left: 0px;
        margin-top: 20px;
    }

/*TRAVEL*/
 .travel {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;    
    }
    
    .travel img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .galery_travel {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
    .travel1{
        margin-top: 15px;
    }
    
    .travel5{
        margin-bottom: 20px;
    }
    
/*COMERCIALA*/
 .commercial {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .commercial img {    
        align-content: center;
        align-items: center;
        width: 450px;
    }
    
    .galery_commercial {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
 .commercial1 {
    float: left;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial2 {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.commercial3 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial4 {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.commercial5 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial6 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial7 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial8 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.commercial9 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.commercial10 {
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
   
/*STREET*/
    .street {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .street img {    
        align-content: center;
        align-items: center;
        width: 450px;
        float: left;
        margin-left: 1%;
    }
    
    .galery_street {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
    
.street1 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street2 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street4 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street5 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street6 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street7 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street8 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street9 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street10 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street11 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street12 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street13 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street14 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street15 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.street16 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.street17 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

/*COVERED*/
.covered {
        margin: 15px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .covered img {    
        align-content: center;
        align-items: center;
        width: 450px;
        float: left;
    }
    
    .galery_covered {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
      .covered_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  text-align: center;
  
}
      .covered_credits {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  text-align: center;
  
}
    .covered {
  float: left;
  overflow: visible;
  display: grid;
  grid-template-columns: auto auto;
}
    .covered img {
        margin-left: -15px;
    }

.covered1 {
    margin-left: 0px;
    margin-top: 20px;
}

.covered2 {
    margin-top: 0px;
}

.covered3 {
    margin-left: 0px;
}
    
/*LEFT BEHIND*/

 .leftbehind {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .leftbehind img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .leftbehind1{
        margin-top: 20px;
    }
    
    .leftbehind3 {
    margin-top: 0px;
}

.leftbehind5 {
    margin-top: 0px;
}

.leftbehind7 {
    margin-top: 0px;
}

.leftbehind9 {
    margin-top: 0px;
}

.leftbehind11 {
    margin-top: 0px;
    margin-bottom: 20px;
}

    
/*CIANOTIPIČNO*/
 .cianotipicno {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .cianotipicno img {
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    .cianotipicno1 {
    margin-top: 0px;
}

.cianotipicno2 {
    margin-top: 0px;
}

.cianotipicno4 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno6 {
    margin-left: 0px;
    margin-top: 0px;
}

.cianotipicno7 {
    margin-left: 0px;
}

.cianotipicno8 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno10 {
    margin-top: 0px;
    margin-left: 0px;
}

.cianotipicno9{
    margin-left: 0px;
    margin-top: 0px;
}

.cianotipicno11{
    margin-left: 0px;
}

.cianotipicno12 {
    margin-top: 0px;
}

.cianotipicno13 {
    margin-left: 0px;
}

.cianotipicno14 {
    margin-bottom: 0px;
}

 .cianotipicno_text {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
margin-top: -20px;
  float: left;
  text-align: justify;
}
 .cianotipicno_text2 {
  width: 450px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -20px;
  float: left;
  text-align: justify;
}
    
/*INTERIOR*/
    
       .interior {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
         align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
        
    }
    
    .interior img {
        width: 450px;
        max-width: 450px;    
        align-content: center;
        align-items: center;
    }
    
    .interior1 {
        margin-top: 20px;
    }
 .interior4{
    margin-top: 0px;
}

.interior6 {
    margin-top: 0px;
}

.interior7 {
    margin-top: 0px;
}

.interior9 {
    margin-top: 0px;
}

.interior8 {
    margin-top: 0px;
}

.interior10 {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}   
   
/*ABOUTME*/
   
.aboutmapage {
    position: relative;
    align-items: center;
    position: relative;
    max-width: 500px;
    width: 550px;
    display: grid;
    }
    
.portret img {
    width: 240px;
    padding: 20px;
    margin-left: 10px;
    padding-right: 0px;
    top: 20px;
    position: relative;
}
    h1 {
    margin-top: 0px;
    left: 1rem;    
    font-size: 15px;
    font-family: 'Barlow';
    font-weight: 500;
    outline-width: 1.2em;
    transform: uppercase;
    position: relative;
}
    
    .aboutme p {
  width: 175px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 10px;
  margin-top: -10px;
  text-align: left;
  position: relative;
}
    .aboutme {
    position: absolute;
    max-width: 175px;
    max-height: 340px;
    padding: 10px;
    top: 20px;  
    left: 270px;
    
}
    .aboutme h1 {
        margin-left: -5px;
    }
    
 .contact p {
  width: 200px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -20px;
  text-align: justify;
  position: relative;
}
    .contact {
    width: 200px;
    position: relative;
    padding: 10px;
    right: 0px;
    top: 20px;
    left: 3px;
}
   
     .razstave p {
  width: 400px;
  height: auto;
  font-family: "Barlow",
  color: #000000;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  padding: 15px;
  margin-top: -5px;
  text-align: justify;
}
.razstave {
    width: 400px;
    position: absolute;
    padding: 10px;
    left: 10px;
    top: 460px;
}
  
/*framed light*/

.galery_framed {
    position: relative;
    align-items: center;
    max-width: 450px;
    width: 450px;
    display: grid;
        
    }
.framed_light {
  width: 360px;
  height: 165px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  padding: 15px;
  position: relative;
  float: left;
  margin-left: -25px;
  align-content: center;
  text-align: justify;
}

.foto7 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
    
}
 .foto7 img {
     width: 450px;
     max-width:450px;
     margin-top: -20px;
    }

.foto4 {
  position: relative;
  display: block;
  float: left;
  width: 450px;
  overflow: visible;
  padding: 15px;
}  
.foto4 img {
  width: 450px;
  max-width:450px;
  margin-top: -170px;
    }

.foto12 {
  position: relative;
  display: block;
  overflow: visible;
  float: left;
    width: 450px;
  padding: 15px;
  margin: 0px; 
}
.foto12 img {
  width: 450px;
  max-width: 450px;
  margin-top: -85px;
    }
.foto10 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
    .foto10 img {
         width: 450px;
        max-width:450px;
        margin-top: -130px;
    }

.foto14 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 00px;
}
      .foto14 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto1 {
    position: relative;
    display: block;
    overflow: visible;
   float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto1 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto15 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto15 img {
           width: 450px;
        max-width:450px;
           margin-top: 20px;
    }

.foto13 {
    position: relative;
    display: block;
    overflow: visible;
     float: left;
        width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto13 img {
           width: 450px;
        max-width:450px;
          margin-top: 20px;
                    
    }

.foto3 {
    position: relative;
    display: block;
    overflow: visible;
    float: left;
    width: 450px;
    padding: 15px;
    margin: 0px;
}
      .foto3 img {
        width: 450px;
        max-width:450px;
          margin-top: 20px;
          margin-bottom: 30px;
    }
    
/*ZAPRTA VRATA*/

.video {
    margin-top: 230px;
    margin-left: 25px;
    padding: 0px;
    
}

    .video iframe {
        width: 450px;
        height: 160px;
    }

    
/*HORIZONT*/
    
.horizont_text {
  position: relative;
  width: 400px;
  height: 100px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  float: left;
  left: 2.5rem;
  margin-right: 0px;
  margin-top: 0px;
  text-align: justify;
  margin-bottom: 20px;
}

.horizont1 img {
    margin-top: -140px;
    width: 450px;
    
}

.horizont2 img {
    margin-top: 10px;
    width: 450px;
}

.horizont3 img {
    margin-top: 10px;
    width: 450px;
}

.horizont4 img {
    margin-top: 10px;
    width: 450px;
}

.horizont5 img {
    margin-top: 10px;
    width: 450px;
}

.galery {
  float: left;
  overflow: visible;
  margin-top: 170px;
  display: grid;
  grid-template-columns: auto;
  padding: 5px;
}
.horizont {
  padding: 10px;
}
    
/*BUDAPEST*/
    
.budapest {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .budapest img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_budapest {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
  .budapest_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
    
.budapest1 {
    margin-top: -20px;
}

.budapest2 {
    margin-top: 0px;
}

.budapest5 {
    margin-top: 0px;
}

.budapest6 {
    margin-top: 0px;
}

.budapest9 {
    margin-top: 0px;
}

.budapest11 {
    margin-top: 0px;
}

.budapest13 {
    margin-top: 0px;
}

.budapest15 {
    margin-top: 0px;
}

.budapest17 {
    margin-bottom: 0px;
}

.budapest18 {
    margin-top: 0px;
}
    
/*UGLJAN*/ 
    
.ugljan {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .ugljan img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_ugljan {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
    
  .ugljan_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
.ugljan1{
    margin-top: -20px;
}

.ugljan4 {
    margin-top: 0px;
}

.ugljan6 {
    margin-top: 0px;
}

.ugljan8 {
    margin-top: 0px;
}

.ugljan10 {
    margin-top: 0px;
}

.ugljan13 {
    margin-top: 0px;
}

.ugljan15 {
    margin-top: 0px;
}

.ugljan18 {
    margin-top: 0px;
    margin-bottom: 0px;
}
    .ugljan19 {
        margin-bottom: 20px;
    }
/*SWEDEN*/ 
    
.sweden {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
        
    }
    
    .sweden img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_sweden {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .sweden_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}
.sweden1 {
    margin-top: 0px;
}

.sweden2 {
    margin-top: 0px;
}

.sweden4 {
   margin-top: 0px;
}

.sweden5 {
    margin-top: 0px;
}

.sweden6 {
    margin-top: 0px;
}

.sweden7 {
    margin-top: 0px;
}

.sweden8 {
    margin-top: 0px;
}

.sweden9 {
    margin-top: 0px;
}

.sweden10 {
    margin-top: 0px;
}

.sweden11 {
    margin-top: 0px;
}

.sweden12 {
    margin-top: 0px;
}

.sweden13 {
    margin-top: 0px;
}

.sweden16 {
    margin-top: 0px;
}

.sweden17 {
    margin-top: 0px;

}
.sweden18 {
    margin-top: 0px;
}

.sweden19 {
    margin-top: 0px;
}

.sweden20 {
    margin-top: 0px;
}

.sweden21 {
    margin-top: 0px;
}

.sweden22 {
    margin-top: 0px;
}
.sweden23 {
    margin-top: 0px;
}
.sweden25 {
    margin-top: 0px;
}

.sweden24 {
    margin-top: 0px;
}

.sweden26 {
    margin-top: 0px;
}

.sweden28 {
    margin-top: 0px;
}

.sweden27 {
    margin-top: 0px;
    margin-bottom: 20px;
}

/*PRAGA*/

.praga {
        float: none;
        margin: 0px;
        padding: 15px;   
        overflow: visible;
        margin-top: 10px;
        align-content: center;
    }
    
    .praga img {
        max-width: 450px;
        width: 450px;
        align-content: center;
        align-items: center;
        position: relative;
    }
    
    .galery_praga {
        align-items: center;
        position: relative;
        max-width: 500px;
        width: 80%;
        display: grid;
        grid-template-columns: auto;
    }
  .praga_text {
  width: 450px;
  font-family: "Barlow",
  color: #000000;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 15px;
  text-align: justify; 
  float: left;
}

.praga1 {
    margin-top: -20px;
}

.praga2 {
    margin-top: 0px;
}

.praga3 {
    margin-top: 0px;
}

.praga5 {
    margin-top: 0px;
}

.praga9 {
    margin-top: 0px;
}

.praga11 {
    margin-top: 0px;
}

.praga12 {
    margin-top: 0px;
}

.praga13 {
    margin-top: 0px;
}

.praga16 {
    margin-top: 0px;
    margin-bottom: 20px;
}

    
    /*slovenia*/
    
.slovenia {
    float: none;
    margin: 0px;
    padding: 15px;   
    overflow: visible;
    margin-top: 10px;
    align-content: center;    
}

.slovenia img {
    max-width: 450px;    
    align-content: center;
    align-items: center;
}
    
.galery_slovenia {
    align-items: center;
    position: relative;
    max-width: 500px;
    width: 80%;
    display: grid;
    grid-template-columns: auto;
}
    
 .slovenia1{
        margin-top: 20px;    
    }
    .slovenia2 {
        margin-top: 0px;
    }
    .slovenia3 {
    margin-top: 0px;
}
     .slovenia4 {
        margin-top: 0px;
    }
     .slovenia5 {
        margin-top: 0px;
    }

.slovenia6 {
    margin-top: 0px;
}
     .slovenia7 {
        margin-top: 0px;
    }

.slovenia8 {
    margin-top: 0px;
}
     .slovenia9 {
        margin-top: 0px;
    }

.slovenia10 {
    margin-top: 0px;
}
     .slovenia11 {
        margin-top: 0px;
    }

.slovenia12 {
    margin-top: 0px;
}
    
 .slovenia13 {
        margin-top: 0px;
    }

.slovenia14 {
    margin-top: 0px;
}

.slovenia15 {
    margin-top: 0px;
}
 .slovenia16 {
        margin-top: 0px;
    }

.slovenia17 {
    margin-top: 0px;
}
 .slovenia18 {
        margin-top: 0px;
    }

.slovenia19 {
    margin-top: 0px;
}
 .slovenia20 {
        margin-top: 0px;
    }

.slovenia21 {
    margin-top: 0px;
}
 .slovenia22 {
        margin-top: 0px;
    }
 .slovenia23 {
        margin-top: 0px;
    }

.slovenia24 {
    margin-top: 0px;
}

.slovenia25 {
    margin-top: 0px;
}
 .slovenia26 {
        margin-top: 0px;
    }

.slovenia27 {
    margin-top: 0px;
}
 .slovenia28 {
        margin-top: 0px;
    }
 .slovenia29 {
        margin-top: 0px;
    }

.slovenia30 {
    margin-top: 0px;
}
 .slovenia31 {
        margin-top: 0px;
    }

.slovenia32 {
    margin-top: 0px;
}
 .slovenia33 {
        margin-top: 0px;
    }

.slovenia34 {
    margin-top: 0px;
    }
 .slovenia35 {
        margin-top: 0px;
    }

.slovenia36 {
    margin-top: 0px;
}

.slovenia37 {
    margin-top: 0px;
}
 .slovenia38 {
        margin-top: 0px;
    }
 .slovenia39 {
        margin-top: 0px;
    }

.slovenia40 {
    margin-top: 0px;
}
 .slovenia41 {
        margin-top: 0px;
    }

.slovenia42 {
    margin-top: 0px;
}
 .slovenia43 {
        margin-top: 0px;
    }
 .slovenia44 {
        margin-top: 0px;
    }
.slovenia45 {
    margin-top: 0px;
}
 .slovenia47 {
        margin-top: 0px;
    }

.slovenia47 {
    margin-bottom: 0px;
}

.slovenia48 {
    margin-top: 0px;
}

.slovenia49 {
    margin-top: -10px;
    margin-bottom: 20px;
}
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}