@media screen and (min-width: 0px) and (max-width: 480px) {
 .minitext  {
         font-size: 80%;
             font-size: 0.6em;

    }
.mobile_menu_line{
        line-height: 28px;

    }

.news_image_div{

      margin: auto;
      width: 90%;
      height: 220px;
      }
.main_title_image_news{
      margin: auto;
      height: 150px;
      width: 250px;
      }

.news{

      margin: auto;
      height: 240px;
      width: 400px;
      padding-left: 10px;
        padding-right: 10px; }
    
.news_content{
width:90%; 
line-height:25px; 
display:block;
margin: auto;
text-align: justify;
 font-family: "Times New Roman", Times, serif;      }


.news_title{

   color: black;
        text-decoration: none;
         font-size: 1.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;

                text-align:center; 
                width:90%;
                 margin:auto;
                                  text-align: center;

     }



    

#mapa  {touch-action: none; 
}
.map_popup{

    text-align: center;
    color: black;
        text-decoration: none;
         font-size: 1em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         text-align: center;
         padding-top: 10px;
}

.map_link{

    text-align: center;
    color: black;
        text-decoration: none;
         font-size: 0.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 600;
         text-align: center;
         padding-top: 10px;
}
.small_title_button {   color: black;
        text-decoration: none;
         font-size: 0.6em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         text-align: center;
 
}
.textarea{
      width: 75%;

    }

.mapy_input{
    text-align: center;

    }

.help_img{
      width: 80%;

    }
.gps_choose_block{
    text-align: center;
             font-size: 50%;

    }
    #mapa_rozmer{
width: 200px;

    }
.gps_button {
         width: 100px;
         height: 170px;
         display: inline-block;

    }

#mobile_detect{
    width:0px;
display: none;

    }
    

.main_title_culture_small{

      margin: auto;
      height: 100px;
      width: 80px;
      }
.one_culture_session{
       padding-left: 5%;
        padding-right: 5%;
           }

.small_input  {
         font-size: 100%;
         border: 0.08em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1em;
         border-radius: 0.5em;
         width: 80%;
    }

     body {

font-family: Verdana, Arial, Courier, sans-serif
 font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 550;


            }


.culture_description{
padding-top: 5%;
         text-align: center;
         justify-content: center;

      }

        .filter_button  {
         overflow-wrap: break-word;
            }

.action_description{

 /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 22px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;     */
          }

.actions_container{

    margin: auto;
    width: 70%;

      }
.actionname{

               padding-top: 5%;

      }
.new_books{
padding-left:  5%;

      }

.little_left_title{


         font-size: 35px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
               padding-top: 5%;

      }






.middle_title{

   color: black;
        text-decoration: none;
         font-size: 1.8em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         line-height: 35px;
         padding-bottom: 5%;
                padding-top: 5%;
     }

.little_less_title{

   color: black;
        text-decoration: none;
         font-size: 1.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         padding-bottom: 5%;
                padding-top: 5%;
     }


.main_title_culture{

      margin: auto;
      height: 360px;
      }
.main_title_hrstfund
{

      margin: auto;
      height: 150px;
      }
.main_title_calendar{
      margin: auto;
      height: 130px;
      }

.action_image_div{

      margin: auto;
      width: 90%;
      height: 190px;
      }

.culture_image_div{

      margin: auto;
      width: 90%;
      height: 250px;
      }



.action_date{

    text-align: right;
      margin-right: 20%;
     /* color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 14px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;     */
          }



    a:link {
        color: black;
        text-decoration: none
    }
    a:visited {
        color: black;
        text-decoration: none
    }
    a:hover {
        color: black;
        text-decoration: none
    }
    a:active {
        color: black;
        text-decoration: none
    }


.h2{
    /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px;  */
            }  
.h3{
    /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px;  */
            }   
.h4{
    /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px;  */
            }

.history_list{
       width: 100%;
       margin: auto;
       padding-top: 5%;
   text-align:center;          
    padding-left:1%;

}
.author{
  display: flex;
text-align: center;
            }
.author_text_div{
       text-align: center;
            }

.author_image_div{
       width: 10%;
       padding-top: 15px;
       margin-right: 15px;
       text-align: center;
            }
.main_frame_content_author_img{
       width: 100%;

            }

.author_name{
       width: 100%;
/*        color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 10px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;*/
         padding-top: 5%;
            }
.author_date{
   /*     color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 10px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;  */
      }

.book_description_textbox {
        display: inline-block;

 
         margin-top: 15%;

    }

.main_frame_content_word_image{
       width: 90%;
        padding-top: 1em;
        display: inline-block;
            }

.book_title{
     /*   color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px;  */
            }
.edit_button  {
         font-size: 15px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
            }
.edit_button_small{
  /*      color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 10px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 0px;   */
            }


#password_content{
         font-size: 100%;
         border: 0.08em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1em;
         border-radius: 0.5em;
         width: 100%;
         

            }


    .encyklpedie_letter{
         font-size: 1.9em;

         font-style: normal;
         font-variant: normal;
         font-weight: bold;
         line-height: 35px;     
            }
    .encyklpedie_word{
                 font-size: 1.1em;

         font-style: normal;
         font-variant: normal;
         font-weight: normal;
         padding-left: 20px;
         line-height: 1.3em;
            }

    .desktop{
         display: None;

    }

     #main_logo_container{
         display: inline-block;
         width: 100%;
    }
     #logo_container {
         position: relative;
    }
     #logo_box {
         width: 100%;
         height: 75px;
         position: absolute;
         top: 0;
         left: 0;
    }
     #user_menu {
         z-index: 9;
         background: #FFFFFF;
         width: 49%;
         height: 130%;
         margin-left: 50%;
         padding: 4px;
         padding-top: 15px;
         text-align: center;
         border:2px solid black;

font-family: Verdana, Arial, Courier, sans-serif
 font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 550;
         line-height: 30px;
    }
     #main_container{
         max-width: 1100px;
         margin: auto;
    }
     #main_banner{
         max-width: 100%;
    }
     #bottom_banner{
         max-width: 100%;
    }
     #small_unicorn{
         max-width: 30px;
    }
     #main_logo{
         width:80%;
         float: left;
    }
     #user_icon{
         max-width: 10%; 
        justify-content: right;
    }
     #top_logo_line_container{
         text-align: right;
        justify-content: right;
    padding-left: 10%; 
    }
     #menu_line{
     /*    display: block;
         justify-content: center;
         font-family: Verdana,Geneva,sans-serif;
         font-size: 18px;
         font-style: normal;
         font-variant: normal;
         font-weight: 700; */
         margin-top: 70px;
                  text-align: center;  

    }

     .center_form{
        display: flex;
         justify-content: center;
    /*     font-family: Verdana,Geneva,sans-serif;
         font-size: 15px;
         font-style: normal;
         font-variant: normal;
         font-weight: 500;  */
         text-align: center;  
    }
     .main_button {
         font-size: 100%;
         border: 0.08em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1em;
         border-radius: 0.5em;
         width: 80%;
    }
     .minitext{
         width: 100%;
         text-align: center;
    }
     .errortext{
         display: flex;
         justify-content: center;
    /*     font-family: Verdana,Geneva,sans-serif;
         font-size: 15px;
         font-style: normal;
         font-variant: normal;
         font-weight: 500;  */
         color: red;
    }


.subject_title {
    padding-left: 5%;
    font-family: Verdana,Geneva,sans-serif;

         font-weight: bold;
         color: black;
         text-decoration: none;
         display: inline-block;
         font-size: 0.9em;
    }


}
 @media screen and (min-width: 481px) and (max-width: 4000px) {



     a:link {
        color: black;
        text-decoration: none
    }
    a:visited {
        color: black;
        text-decoration: none
    }
    a:hover {
        color: black;
        text-decoration: none
    }
    a:active {
        color: black;
        text-decoration: none
    }
    .mobile{
         display: None;
    }

#password_content{
         font-size: 100%;
         border: 0.08em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1em;
         border-radius: 0.5em;
         width: 500px;


            }

.main_title_recept{

      margin: auto;
      height: 150px;
      }


.h4{
    /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px; */
            }


    .encyklopedie_conainer{
         margin-left: 15%;
            }


    .encyklpedie_letter{
         font-size: 1.5em;

         font-style: normal;
         font-variant: normal;
         font-weight: bold;
         line-height: 55px; 
            }
    .encyklpedie_word{
     /*   color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 20px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 25px; */
         margin-left: 5%;
            }
    .h2{
     /*   color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 35px;
         font-style: normal;
         font-variant: normal;
         font-weight: 550;
         line-height: 6px; */
            }
    .h3{
      /*  color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 16px;
         font-style: normal;
         font-variant: normal;
         font-weight: 400;
         line-height: 40px; */
            }
     body {
 font-family: "Trebuchet MS", Helvetica, sans-serif; 
         font-size: 1.2em;

    }
     #main_logo_container{
         display: inline-block;
         width: 100%;
    }
     #logo_container {
         position: relative;
    }
     #logo_box {
         width: 100%;
         height: 220px;
         position: absolute;
         top: 0;
         left: 0;
    }
     #user_menu {
         z-index: 9;
         background: #FFFFFF;
         width: 15%;
         height: 35%;
         margin-left: 85%;
         padding: 10px;
         text-align: center;
         border:2px solid black;
           padding-top: 15px;
 
           line-height: 25px;


    }
     #main_container{
         max-width: 1100px;
         margin: auto;
    }
     #main_banner{
         max-width: 100%;
    }
     #bottom_banner{
         max-width: 100%;
    }
     #small_unicorn{
         max-width: 30px;
    }
     #main_logo{
         height:50px;
         float: left;
    }
     #user_icon{
         max-width: 60px; 
        justify-content: right;
    }
     #top_logo_line_container{
         text-align: right;
                 justify-content: right;
padding-left: 45%; 
    }
     #menu_line{
         display: flex;
         justify-content: center;
         font-family: Verdana,Geneva,sans-serif;
         font-size: 18px;
         font-style: normal;
         font-variant: normal;
         font-weight: 700;
         margin-top: 225px;
    }

     .center_form{
        display: flex;
         justify-content: center;
     /*    font-family: Verdana,Geneva,sans-serif;
         font-size: 15px;
         font-style: normal;
         font-variant: normal;
         font-weight: 500;  */
    }
     .main_button {
         font-size: 100%;
         border: 0.08em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 1em;
         border-radius: 0.5em;
         width: 500px;
    }
     .minitext{
         width: 100%;
         text-align: center;
    }
     .errortext{
         display: flex;
         justify-content: center;
   /*       font-family: Verdana,Geneva,sans-serif;
         font-size: 15px;
         font-style: normal;
         font-variant: normal;
         font-weight: 500;  */
         color: red;
    }

.book_title{
     /*   color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 25px;
         font-style: normal;
         font-variant: normal;
         font-weight: 360;
         line-height: 35px;   */
            }
.edit_button  {
        color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 16px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;
            }
        .filter_button  {
         overflow-wrap: break-word;
            }

.edit_button_small  {
   /*     color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 16px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;  */
            }


.book_description_textbox {
 
  /*      color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 20px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;  */
         margin-top: 5%;
         display: inline-block;
        width: 80%;
    }


.main_frame_content_word_image{
       width: 50%;
        padding-top: 1em;
        display: inline-block;
        margin-top: 5%;
            }

.history_list{
       width: 50%;
       margin: auto;
       padding-top: 5%;
    text-align:center;        
    padding-left:10%;
}
.author{
  display: flex;
text-align: center;
            }

.author_image_div{
       width: 8%;
       padding-top: 10px;
       text-align: center;
            }
.main_frame_content_author_img{
       width: 100%;

            }

.author_name{
     /*   color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 16px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;*/
         padding-top: 5%;
         padding-left: 10%;
            }
.author_date{
  /*      color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 16px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;*/
               padding-left: 10%;
      }




.actions_container{

    margin: auto;
    width: 70%;

      }
.actionname{

  /*     color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 35px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;*/
               padding-left: 5%;
               padding-top: 5%;

      }

.middle_title{
        color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 46px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;
         margin-top: 20px;
     }
.main_title_culture{

      margin: auto;
      height: 150px;
      }

.main_title_recept{

      margin: auto;
      height: 150px;
      }



.action_image_div{

      margin: auto;
      width: 70%;
      height: 360px;
      }
.action_date{

    text-align: right;
      margin-right: 20%;
 /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 20px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;    */ 
          }
.action_description{

 /*    color: black;
        text-decoration: none
         font-family: Verdana,Geneva,sans-serif;
         font-size: 22px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
         line-height: 20px;      */
          }

.culture_image_div{

      margin: auto;
      width: 25%;
      height: 360px;
      }
.little_left_title{

         font-size: 35px;
         font-style: normal;
         font-variant: normal;
         font-weight: 200;
               padding-top: 5%;

      }


.culture_description{

padding-top: 5%;
         text-align: center;

      }


.subject_title {
         color: black;
         text-decoration: none;
         display: inline-block;
         font-size: 1.3em;
         padding-left: 5%;
    }


.small_input  {
         font-size: 80%;
         border: 0.06em solid black;
         color: black;
         padding: 0.5em 0.1em;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 0.6em;
         border-radius: 0.5em;
         width: 100%;
    }


.minitext  {
         font-size: 80%;
             font-size: 0.6em;

    }

.small_title{
         font-size: 80%;
             font-size: 0.6em;
  font-weight: bold;
text-align: center;
    }

.author_text_div{
       text-align: center;
            }
.one_culture_session{
       padding-left: 5%;
            }


.new_books{

               padding-left: 10%;

      }

.main_title_hrstfund
{

      margin: auto;
      height: 260px;
      width: 400px;
      }
.main_title_calendar{

      margin: auto;
      height: 240px;
      width: 400px;
      }


.gps_choose_block{
    text-align: center;
             font-size: 70%;
    }


.gps_button {
         width: 160px;
         height: 250px;
         display: inline-block;

    }

#mobile_detect{
    width:100px;
display: none;
    }
    #mapa_rozmer{
width: 800px;

    }


.little_less_title{

   color: black;
        text-decoration: none;
         font-size: 1.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         padding-bottom: 5%;
                padding-top: 5%;
     }


.small_title_button {   color: black;
        text-decoration: none;
         font-size: 0.6em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         text-align: center;
 
}
.map_popup{

    text-align: center;
    color: black;
        text-decoration: none;
         font-size: 1em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
         text-align: center;
         padding-top: 10px;
}
.map_link{

    text-align: center;
    color: black;
        text-decoration: none;
         font-size: 0.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 600;
         text-align: center;
         padding-top: 10px;
}



.help_img{
      width: 450px;

    }
.mapy_input{
    text-align: center;

    }


.news{

      margin: auto;
      height: 240px;
      width: 400px;
      padding-left: 10px;
        padding-right: 10px;
    
      }

.news_content{
width:60%; 
line-height:25px; 
display:block;
margin: auto;
text-align: justify;
 font-family: "Times New Roman", Times, serif;      }


.news_image_div{

      margin: auto;
      width: 60%;
      height: 360px;
      }


.news_title{

   color: black;
        text-decoration: none;
         font-size: 1.5em;
         font-style: normal;
         font-variant: normal;
         font-weight: 450;
                width:50%;
                 margin:auto;
                 text-align: center;
     }

.main_title_image_news{

      margin: auto;
      height: 240px;
      width: 400px;
      }

}