/* CSS Document */
* { box-sizing: border-box; }

/* struttura */
body { font-family: verdana; margin: 0; }
header { width: 100%; position: fixed; top: 0; left: 0; background-color: orange; padding: 0.2em; }
footer { width: 100%; position: fixed; bottom: 0; left: 0; background-color: orange; text-align: right; padding: 0.2em; }
#cont { min-height: 100vh; padding: 3.5em 0.5em; text-align: center; background-color: coral; color: white; }

/* intestazione */
header img { height: 2em; }
header img, header h3 { display: inline-block; vertical-align: middle; margin: 0.2em; }

.left { text-align: left; }
.right { text-align: right; }

@media screen and (orientation: landscape) {
  #cont {
    width: 80%;
    margin: auto;
  }
}