@media only screen and (max-width: 40em) { 

	#header_logo_cell{text-align: center !important;padding-left: 0}

	#header_logo{max-width: 50%}

	#welcome_logo_cell{ text-align:center; }

	#welcome_logo_cell img{ max-width: 80% }






  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #009ce9;
    -webkit-box-shadow: 0 7px 0 #009ce9, 0 14px 0 #009ce9;
            box-shadow: 0 7px 0 #009ce9, 0 14px 0 #009ce9;
    content: ''; }
  .menu-icon:hover::after {
    background: #009ce9;
    -webkit-box-shadow: 0 7px 0 #009ce9, 0 14px 0 #009ce9;
            box-shadow: 0 7px 0 #v, 0 14px 0 #009ce9; }


























.default #program_container {
    padding: 0 0.9375rem;
}


#pages_text{
	padding-right: 1.5rem;
    padding-left: 1.5rem;}




#pages h1{

  font-size:2.5rem;
  text-align: left;

}

#pages h2{
  font-size:1.5rem;
  text-align: left;
}

#pages h3{
  font-size:1.7rem;
  text-align: left;
}

#pages h4{
  font-size:1.5rem;
  text-align: left;
}












.slide-content-title{

  
  font-size:3rem;
 

}

.slide-content-text{
 
  font-size:2.7rem;
 
}


.slide-content-location{
 
  font-size:1.7rem;
 
}

.slide-content-desc{
  
  font-size:0.7rem;
 
}

.slide-content-slogan{

  
  font-size:1.4rem;
  font-family: 'Montserrat-Regular', sans-serif;
 
}



#welcome{
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
 


#upoznajte_nas {
       padding-right: 0.625rem;
    padding-left: 0.625rem;
}

  .upoznaj_item div{
    position: relative;

  text-align: center;
  width: 65%;
  margin: 0 auto;
  transform: translateX(-15%);
  font-family: 'Brown-Light', sans-serif;

  margin-top: 3rem;

   opacity: 0;
  }


  #upoznaj_u{position: absolute;left:0px; width:30%;z-index: 3}
  #upoznaj_v{position: absolute;left:25%; width:30%;z-index: 2}
  #upoznaj_i{position: absolute;right:20%; width:30%;z-index: 2}
  #upoznaj_d{position: absolute;right:0%; width:30%;z-index: 3}

  .upoznaj_item div{margin-top:0;opacity: 1;font-size: 0.7rem}


  #upoznaj_u div{



   



 
  }

  
  #upoznaj_v div{


  
  }

  #upoznaj_i div{



 
  }

  
  #upoznaj_d div{

      transform: translateX(15%);
  
  }


#usluge {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-top:3rem;
    padding-bottom:3rem;
}

#usluge_container {text-align: center;}

#tim_header {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

#tim_header h2 {

    padding: 3rem 0 3rem 0;
    margin-top: 0;
    color:#fff;
}

#tim_persons{
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    text-align: justify;
}

#tim_persons #igor{margin-top:2rem;padding-bottom:2rem}
#tim_persons #ivan{margin-top:2rem;padding-bottom:2rem}
 

#contact_person_cell{

 
  position: relative;
  text-align: center;
  vertical-align: middle;

}


.person_image {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

#tim_persons h3{text-align: center;color:#000}


.bedzevi{
  display: block;
  text-align: center;
  margin-top:2rem}

.bedzevi img{max-width: 40%;}





.other-letters{

 


   font-family: 'Brown-Light', sans-serif;
   font-size: 0.6rem;
   line-height: 0.6rem
  


  
}



#usluge_1 .other-letters::before {
  content: "1.";

  color: #000;
  
  font-size: 1rem;
  margin: 0 .2em 1rem 0;
  line-height: 1rem;
  float: left
}

#usluge_2 .other-letters::before {
  content: "2.";

  color: #000;
  
  font-size: 1rem;
  margin: 0 .2em 1rem 0;
  line-height: 1rem;
  float: left
}

#usluge_3 .other-letters::before {
  content: "3.";

  color: #000;
  
  font-size: 1rem;
  margin: 0 0 1rem .2em;
  line-height: 1rem;
  float: right
}

#usluge_4 .other-letters::before {
  content: "4.";

  color: #000;
  
  font-size: 1rem;
  margin: 0 0 1rem .2em;
  line-height: 1rem;
  float: right
}







#welcome h1{

  
  font-size:2.5rem;
 

}

 h2{
  
  font-size:1.5rem;
  text-align: center;
  margin-top: 1.5rem

}

#welcome h3{
  
  font-size:1.7rem;
}



.default #program  h2 {

  
  font-size:2rem;
 
 }


#partners_container {
    padding: 3rem 1.5rem;
    
}



		#footer {

			padding: 2rem 0 2rem 0;
		}



		#footer_logo_cell{


			text-align: center;
			margin-bottom:1rem;
		}

		#footer_info_cell{
			text-align: center;
			margin-bottom:1rem;

		}

		#social_buttons_cell{
			text-align: center;

		}

		.rounded-social-buttons-footer {
			text-align: center;

		}


.top-bar-title {
  
    margin: 0.5rem 1rem 0.5rem 1rem;
}


.menu .is-active > a {
    background: transparent;
    color: #fff;
}

.drilldown a {
    padding: 0.7rem 1rem !important;
    background: transparent;
}



.drilldown .is-drilldown-submenu-parent > a::after {

    border: none;

}

.top-bar .menu li:not(:last-child):not(.is-dropdown-submenu-item) {
  border-right: 0;

}

.top-bar .menu li  a { 
  color: #009ce9;
  font-family: 'Brown-Regular', sans-serif;
  text-transform:none;
  font-weight:normal;
  font-size: 1rem;
  text-align: center;
}



.top-bar .menu li  a i{ display:block; text-align: center; font-size:1.2rem; padding-bottom:0.25rem;}

.top-bar .menu li  a i.fa-user{font-size: 1.1rem;padding-bottom:0.35rem;}
.top-bar .menu li  a i.fa-pen{font-size: 1.05rem;padding-bottom:0.45rem;}


  .menu .active > a {
    background: transparent;
    color: #009ce9;
    }



.hover-underline-menu .menu .underline-from-center::after {
   
    border-bottom: none !important;
    
}


.drilldown .js-drilldown-back > a::before {
 
    border-color: transparent #a51f23 transparent transparent;

}





#welcome .text{

  text-align: justify;
  column-count: 1;
  column-gap: 1.875rem;
  column-rule: 1px dashed #e6e6e6;

  /*column-fill: auto;*/
  column-fill: balance;      

}








































} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (orientation: landscape) and (max-width: 40em)   {

  /*#big_white_container{display:none !important;}
	*/
}