#header .logo img, #header .logo svg
{
  padding-right: 80%;
  height :60px;
}
.container.grid-lg
{
margin-left: 2rem;
  max-width: 100%;
}
.menu-container{

  position: fixed;
  margin-top: 2rem;

}
.menu-container-first-page{

  margin-top: 2rem;

}
#video-header{
  overflow: auto;
}

#myVideo {

  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
  overflow: hidden;
  position: absolute;

}
.menu-container-first-page{
}
.logo-wrapper{

  width:100%;
  height:100%;
  align-content: center;
  align-items: center;
  margin-left: 2rem;

}
.logo-wrapper-first-page{

  width:100%;
  align-content: center;
  align-items: center;
  margin-left: 2rem;

}
/*.logo-wrapper div{*/
/*width: 50%;*/
/*}*/
.menu-text
{
  display: flex;
  align-items: center;
  margin-top: 0.6rem;
}
.logo {
  float: left;

}
.laboranci{
  margin:auto;
}
.clearfix{
  clear: both;
}
.section{
  display: flex;

}
.section-first
{
  display: flex;
}
#body-wrapper-first-page{
  padding-top: 52rem;
}
#side-menu {
display: flex;
flex-direction: column;
flex-basis: auto;
float: left;
font-size: 8px;
font-weight: 300;
height: 100%;
left: 0px;
min-width: 200px;
  margin-left: 6rem;
  margin-right: 9rem;
position: relative;
text-size-adjust: 100%;
 padding-top: 5rem;
}
#side-menu-first-page{
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  float: left;
  font-size: 8px;
  font-weight: 300;
  height: 100%;
  left: 0px;
  min-width: 200px;
  margin-left: 6rem;
  margin-right: 9rem;
  position: relative;
  text-size-adjust: 100%;
}
.about-us{
  display: flex;
  padding-top: 1rem;
  margin-bottom: 3rem;
  flex-direction: column;
}
.about-us{
  padding-left: 1rem;
  padding-right: 1rem;
}
.about-us p
{
  font-size: 0.9rem;
}
.about-us h4
{
  font-size: 1.4rem;
}

.text-any
{
  display: flex;
  margin-top: 8rem;
  padding-top: 1rem;
  margin-bottom: 3rem;
  flex-direction: column;
}
.text-any p
{
  font-size: 0.9rem;
}
.text-any h4
{
  font-size: 1.4rem;
}
.text-any h6
{
  font-size: 1.2rem;
}

.treemenu li.tree-empty>.toggler {
  cursor: default;
  opacity: 0%;
}

svg{
  width: 3rem;
height: 3rem;
}

a:hover {
  text-decoration: none;
  color: black;
}
#webdesigner a {
  text-decoration: none;
  color: black;
}

.treemenu li a:focus, .treemenu li a:hover {
  text-decoration: none;
  color: black !important;

}
.treemenu.treemenu-root
{
  margin-top: 5rem;
}
.treemenu li a {
  font-size: 0.8rem;
}
@media (max-width: 840px) {

  #body-wrapper .container {
    padding-left: 11%;

  }
  #body-wrapper-first-page {
    padding-top: 1rem;
    margin-bottom: 80rem;
  }
  .about-us{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .about-us p
  {
    font-size: 1.3rem;
  }
  .about-us h4
  {
    font-size: 1.4rem;
  }



  #side-menu {
    display:none;

  }
  #side-menu-first-page{
    display:none;

  }
  #myVideo {
    display: none;
    background: #0daeff;
  }
  #video-header{
    min-width: 50%;
    min-height: 27%;
    background-size: cover;
    background-image: url("/user/pages/01.home/trawy_tlo_2.png");
    background-repeat: no-repeat;
    background-position: center;

  }

  .mobile-logo{
    display: flex;
    align-items: center;
    background-color: white;
  }

  .treemenu li a {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  section.section {
    position: relative;
    padding-right: 0.2rem;
    padding-left: 0;
  }
  .container.grid-lg {
    margin-left: 0.2rem;
    max-width: 100%;
  }
  .laboranci{
    padding-left: 1rem;
    text-align: left;
    margin: 0;
  }
  .overlay
  {
    visibility: visible;
    opacity: 100%;
  }
video{
  /*max-width: 65%;*/
  height: auto;
}
}

.treemenu li{
  background-color: transparent;
}
  ol.tree li {
    position: relative;
  }
  ol.tree li ol {
    display: none;
  }
  ol.tree li.open > ol {
    display: block;
  }
  ol.tree li.parent:after {
    /*content: '⤕';*/
  }
  ol.tree li.parent.open:after {
    content: '';
  }
  ol.tree li a{
    color: black;
  }
.parent tree-empty {
  font-weight: 900;
}
  /*mobile menu*/
#overlay{
background: white;
}
.mobile-menu .button_container.active .bottom{
  transform: translateY(-8px) translateX(0) rotate(-45deg);
  background: black;
}
.mobile-menu .button_container.active .top {
  transform: translateY(8px) translateX(0) rotate(45deg);
  background: black;
}
.mobile-menu .button_container span
{
    background: black;
}

#side-menu ol.tree li a:hover{
  color: black;
  padding-left: 0.25rem;

}
#side-menu ol.tree li a{
  transition-duration: 0.3s;

}
/*responsive columns*/
/***************************************/
* { box-sizing: border-box; }

/*body { font-family: sans-serif; }*/

/* ---- grid ---- */

.grid {
  /*background: #EEE;*/
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.33%;
  /*width: 45%;*/
}

.gutter-sizer{width:2%;}


.grid-item {
  /*width: auto;*/
  float: left;
  margin-bottom: 2%;
}
.grid-item-width45 .controls {max-width: 100%; max-height: 100%;}
.grid-item--width85 { width: 85%; }
.grid-item--width45 { width: 100%; }
.grid-item--width2 { width:  60%; }
.grid-item--width1 { width:  33.33%; }
.grid-item--width3 { width:  30%; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 400px; }
.grid-item--height5 { height: 445px; }
.grid-item--height7 { height: 700px; }



.grid-item img .img-fluid{
  /*max-height: 500px;*/
  max-width: 100%;
  max-height: 100%;
  border-width: 3px;
  border-color: black;
}
.grid-item p{
  font-size: 1.9em;
  font-weight: 300;
  line-height: 1.6;
}


/*responsive columns end*/


.footer-logo {
  height: 33px;
  width: 33px;
  margin-left: 0.5rem;
}
#footer{
  color: #777777;
  border-top: 1px solid #0000001f;

}

.social-links
{
  display: flex;
  align-items: flex-end;
  align-items: center;
  margin-right: 2rem;
}