/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  BODY{ padding: 110px 0px 0px 0px; }
  H1, H2{
    padding: 10px;
    font-size: 20px;
  }
 .toppruh, .menu, .bottom{
   min-width: 100%;
 }
 .toppruhpoz{
   position: fixed;
   top: 0px;
   left: 0px;
   display: block;
   width: 100%;
   background-color: #F18257;
   z-index: 100;
 }
 .toppruh{
   min-height: 90px;
 }
 .main{
   width: 95%;
   min-width: 95%;
 }
  A.logo, A.logo:link, A.logo:visited{
    width: 60px;
    height: 60px;
    background-size: 100%;
    margin: 0px 0px 0px 10px;
  }
 .top_motto{
   width: calc(100% - 80px);
   padding: 10px 0px 10px 10px;
   font-size: 25px;
   line-height: 25px;
 }
 .top_info{
   clear: both;
   float: none;
   width: 100%;
   padding: 0px;
   font-size: 15px;
   text-align: center;
 }
  A.ico_menu, A.ico_menu:link, A.ico_menu:visited{
    position: fixed;
    top: 5px;
    right: 0px;
    width: 60px;
    height: 60px;
    background-image: url(obr/ico_menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 101;
  }
  A.ico_menu:hover, A.ico_menu:active{
    background-image: url(obr/ico_menu_over.png);
  }
 .menu{
   position: fixed;
   top: 111px;
   left: 0px;
   display: none;
   width: 100%;
   background-color: #FFFFFF;
 }
  .menu A.menuico{
    display: none;
  }
  .menu A.m, .menu A.m:link, .menu A.m:visited{
    display: block;
    float: none;
    height: auto;
    padding: 10px;
    line-height: normal;
    text-align: left;
    font-size: 20px;
    border-bottom: solid 1px #F18257;
  }
  A.foto:link, A.foto:visited{
    max-width: calc(50% - 6px);
  }
  DIV.pritomni, DIV.nepritomni{
    float: none;
    width: 100%;
  }
  DIV.ucastnici{
    grid-template-columns: auto auto;
  }
  .bottom{
     width: 100%;
     min-width: 100%;
     max-width: 100%;
  }
  A.copy:link, A.copy:visited,
  A.kao:link, A.kao:visited{
    float: none;
    margin: 20px 0px 0px 0px;
    font-size: 16px;
  }
}