@font-face {
  font-family: tomserif;
  src: url(tomserif.woff);
}
/*TOPBAR*/
    t{font-family: tomserif;
      font-size: 20px;
      width: 240;
    }

    body{margin: 0;
        padding: 0;  
    }

    .topbar{
      background-image: url(media/topbar.png);
      background-position: bottom;
      width: 100%;
      z-index: 2;
      position: fixed;
    }

    .language{
      font-family: tomserif;
      float: right;
      padding-right: 20px; 
      padding-top: 20px;
      font-size: 15px;
    }

    .menu{
      padding-left: 20px;
      padding-top: 20px;
      width: 240px;
    }

    .arrow{
      padding-top: 10px;
      width: 80px;
      height: 30px;
      font-family: tomserif;
      font-size: 20px;
    }
    .back{
      width: 80px;
      height: 30px;
    }


/*CONTENTS*/

  .desc{
    font-size: 12px;
    text-align: center;
    height:25px;
  }

  .osm {
    background-color: transparent;
    display:block;
    margin:auto;
    padding: 10px;
    width: 800px;
    height: 800px;
    padding-top: 70px;
  }

  .ifi {
    background-color: transparent;
    display:block;
    margin:auto;
    padding: 10px;
    width: 800px;
    height: 550px;
    
        
  }

  .rite {
    background-color: transparent;
    display:block;
    margin:auto;
    padding: 10px;
    width: 800px;
    height: 480px;
    
        
  }


  .testo {
      padding-bottom: 20px;
      width: 700px;
      margin: auto;
  }

  h1{
    text-align: left;
    font-family: tomserif;}

  b1{
    text-align: left;
    font-family: 'Times New Roman', Times, serif;
  }



    div.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  
  }


  div.gallery-item img {
    width: auto;
    margin: 5px;
    height: 270px;}


  div.gallery-item1 img {
    width: auto;
    margin: 5px;
    height: 340px;}

  div.gallery-item2 img {
    width: auto;
    margin: 5px;
    height: 270px;}


  a:link{
    text-decoration: none;
    color:black;
  }
  a:visited{
    text-decoration: none;
    color:black;
  }
  a:hover{
    text-decoration: none;
    color:black;
    font-size: 105%;
  }
  a:active{
    text-decoration: none;
    color:black;
  }