/*
  Name:       media_screen_mobile.css.php
  Version:    1.0
  Date:       27.10.2019
  Author:     Pier Mario De Pra
  Copyright:  2019
*/

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

  body { padding:1em; }
  
  #colonnastoria, #colonnadimensione, #colonnaveloce, #logo2, #logo3, #sottocolonnaprogrammazione, #sottocolonnaamministrazione { display:none; } 
  
  #barraprefirma, #barrafirma { display:none; }
  
  .contenitore {
    display: grid;
    grid-template-rows: repeat( 3, auto);
  }
  
  #barrastrumenti {
    grid-row: 1;
  }

  #barralogoimmagine {
    grid-row: 2;
  }

  #barranavigazionecontenuto {
    grid-row: 3;
    display: grid;
    grid-template-rows: auto, auto;
  }

  #colonnapagine {
    grid-row: 2;
  }
  
  #colonnanavigazione {
    grid-row: 1;
    position:relative;
    top:-1.8em;
  }
  #colonnanavigazione li {
    margin-bottom:0.1em;
    padding:0em;
  }
  
  #logo1 .logo1img {
    width:100%;
  }

  #logo1 {
    width:100%; 
  }

}