/*stylesheet for index.html NATURPUR CHORIN website
additional styles for index.html main page on small screens

/***************************************************
********************  mobile only  *****************
****************************************************/

.mobile_only {              /*Disappearing of right nav area and round picture next to maps*/
  display: none;
}
.desktop_only {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width:700px) {
  main{
  }
  h1 {
    font-size: 2rem;
    font-family: "Tahoma";
    font-style: italic;
  }
  img.main{
    max-width: 100vw;
  }
  main div{
    max-width: 100vw;
  }
  main p {
    max-width: 100vw;
    font-weight: normal;
  }
  li.dot_list {             /*Price list*/
    font-weight: normal;
  }
/*********** nav area ***********/
  .site_nav_entry  {
    font-size: 1.1rem;
  }
  .site_nav ul.first_level {
      overflow: hidden;
  }
  .desktop_only{              /*Disappearing of links on left side*/
    display: none;
  }
  .mobile_only {              /*Appearing of links on left side*/
    display: grid;
  }
}