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



    #headerLogo{
      text-align: center;
    }

    #headerLogo img{max-width: 70%}


    #main_menu_section{bottom:auto}

    .mjena{padding-left:0.9375rem !important;padding-right:0.9375rem !important}

    #slide_4{padding-left:0.9375rem !important;padding-right:0.9375rem !important; background-color:  #FCF3F8}

    ul.footerKontaktInfo {

      background-size: auto 80px;
      padding: 0 0 0 140px;
    }

    #slide_8 h3 {

      text-align: center;
      display: block
    }


    ul.footerKontaktInfo li {
       
        float: none;

        /*padding:0 0.5rem;*/
    }

    body:not(.frontpage) #slide_1 {
        color:blue;
    }

    .logo_link{

        font-size:1.75rem;
        line-height: 4rem

    }

    #headerArea{margin-bottom:0px;}

    .tekstTitle{font-size:2.75rem; color:#5C3886;} 
    .brojTitle{font-size:1.75rem;}

    .imgFull{min-width:100%;}
    .imgHalf{max-width:100%;}
    .imgLeft{float:none;margin:0.5rem 0rem 0.5rem 0rem}


    section.top-bar-section {
        display: inherit; /**/
        margin-left: inherit;
    }



    .top-bar-section i{margin-left: 0.5rem}

    .top-bar-section span{margin-left: 0rem}   



    ul.copyr li{

        text-align: center;
    }



.boxRight{border-top:3px solid rgb(243, 204, 223);border-left:none !important; padding-top: 2rem; }

.boxLeft{padding-bottom: 2rem;}



 body.frontpage .brojTitle{
      text-shadow: 1px 1px 5px #999;
      color:#5C3886;
      font-size:1.3rem;
      font-family: 'Alegreya Sans', sans-serif;
      font-weight:800;
      line-height:3rem

    }


  body.frontpage  .tekstTitle{
      text-shadow: 1px 1px 5px #999;
      color:#5C3886;
      font-size:1.7rem;
      font-family: 'Alegreya Sans', sans-serif;
      font-weight:800;


    }






}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (orientation: landscape) and (max-width: 40em)   {
	
}