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




  #header_title{font-size: 2.7rem !important;
    line-height: 2.7rem !important;}




   #header_naslovna{
   /* position: relative;
    
    
    border-radius: 10px;
    
    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
      text-align: center;
    line-height: 1.4;

    padding:1rem 2rem;*/









 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    border-radius: 10px;
    
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
      text-align: center;
    line-height: 1.4;


background-color: red;

height: 80%;
width:80%;

background: url(/template/logo_czmzd_header.png);
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-position: center center;
  background-repeat: no-repeat;




}


.count{


            
            font-size: 3rem;
          
    

        }

        .cega{display: block;


            
            font-size: 1.2rem;
           
    



        }


h1 {
 
  font-size:2rem;
  

  
}


.dropdown.menu > li > a {
  padding: 0.7rem 0.7rem !important;
}


.dropdown.menu > li > a { 

  font-size: 1.15rem;
}



#frontpage_div{max-width: 75% }


		#social_buttons_cell{
			text-align: center;

		}

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

		}




#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;
}





 

} 

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


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