@media screen and (max-width: 520px){



  #home .view .title {
    font-size: 3em;
  }
    #home .view .subtitle {
    font-size: 2.5em;
  }

.container{ width:100%; margin:0; padding:0; }
  .content_container { margin-left: 0%; margin-right:0; }

    #home .view, .story .related .view {
    width:100%;
    margin-top:15px; }

  .container .content{
    padding:5%;
  }

  #home .view .image, .story .related .view .image {
    width:30%;
  }

    #home .view.small .image {
    margin-left:5%;
  }

  #home .view{
    margin-top:0;
  }


  .slide.txt .content {
      padding-top:0.5rem;
      padding-left: 1rem;
      padding-right:1rem;
    }



    #home .container .view.top .title {
    font-weight: 600;
   /* font-size:8vw;*/
  }

  .slide.bgphoto_title_subtitle .text, .slide.bgphoto_title_subtitle_content .text { padding: 1%; }
  .content_container { margin:0; }

       .slide.bgphoto_title_subtitle.left .text, .slide.bgphoto_title_subtitle_content.left .text {
      width: 40%;}

    .contest form { padding: 0.5em;}
    .contest .content,
    .slide.txt .content {
      padding: 1em;
    }

    .slide.txt_photo {
      padding:0;
      margin:0;
    }

    .slide.txt_photo .content {
      padding:0;
    }

    .slide.txt_photo .content .media {
      float:none;
      width:100%;
      padding:1%;
      margin: 0%;
    }
    .slide.txt_photo .content .slidecontent{
        float:none;
        width:100%;
        margin: 0;
        padding:3%;
    }

    .story_comments {
      margin-left:1em;
    }

  .info {
    padding-left:1em;
    padding-right:1em;
  }
/*
  
  .story-title-box .content.top .title,
  #home .container .view.top .title {
    font-size: 180%;
  }

  .story-title-box .content.top .subtitle,
  #home .container .view.top .subtitle {
    font-size: 150%;
  }

  #home .view .subtitle, .story .related .view .subtitle{
    font-size:130%;
    line-height: 100%;
  }
  #home .view .title, .story .related .view .image{
    font-size:140%;
    line-height: 100%;
  }

  .story .related .view .title {
    font-size: 150%;
  }



  #home .view .image .pr_text, .story .related .view .image .pr_text {
    font-size:100%;
    font-size:4vw;
  }
  

  .slide h1 {
    font-size: 150% !important;
    line-height: 100% !important;
  }

  .info {
    font-size: 100%;
  }



.slide.txt_photo .content *, .slide.txt .content * {
    font-size: 100%;
    font-size:5vw;
  }

  .story .slides .txtImage.pr:after {
    font-size:4vw;
    font-size: 90%;
  }

*/
  /*
	 .nav-meni  {width:100%;  -webkit-overflow-scrolling: touch;}
    .inner-nav{ width:100%; }
    .inner-nav > div{ width:18%; }

    #nastavitve{float:left; position: relative;}

    .menu_trigger { height:15%; }
    .apps_trigger {height: 15%;}

    #kazalo {margin: 2%;}
    #arhiv {margin:2%;}
    #aplikacije {margin:2%}
    #nastavitve {float:left; margin: 2%; margin-top:4px; margin-left:1%; margin-right: 0;} 





  .history_container h2.history_title { font-size: 120%; }
  .history-slide .date {font-size: 80%;}

  .history .slide h1 {
    font-size: 70% !important;
  }

  .history .slide h2 {
    font-size: 50% !important;
  }

  .history .slide h3 {
    font-size: 45% !important;
  }

  .history .slide p {
    font-size:  45% !important;
  }

  .history .slide.bgphoto_title_subtitle_content .text h2 {
    font-size: 50% !important;
  }



    .slide.txt .content *{
      font-size: 3.3vw;
    }

    .slide.txt .content h2{ font-size:4.5vw; }
    #kazalo-page .view .title { font-size: 4vw; }

    .history  {
      font-size:4vw;
    }

  .history .slide {
      height:125px !important;
      font-size:4.5vw;
  }

  #kazalo-page  {
      font-size:4vw;
    }

  #kazalo-page .slide {
      height:125px !important;
      font-size:4.5vw;
  }

  */
}