/* FONT OSPITATI */

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v50-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* literata-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/literata-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* literata-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/literata-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
--text-color:#fff;
--max-width:1200px; }

* {
box-sizing:border-box;
margin:0;
padding:0 }

html,body {
height:100% }

body {
font-family:Roboto,sans-serif }


.page { 
  min-height: 100%; 
  display: flex; 
  flex-direction: column; }

main { flex: 1; } /* porta il footer in basso */  


/* hero full-screen con immagine di sfondo responsive */
/* display:flex centrato verticalmente */
.hero {
  display:flex;
  align-items:center; /* verticale */
  justify-content:left; /* orizzontale */
  padding:var(--padding);
  background-size:cover;
  background-position:left;
  background-repeat:no-repeat;
  text-align:left; }


/* contenitore del testo */
.content {
  width:100%;
  max-width:var(--max-width);
  padding:5rem; }

/* tipografia */
h1 {
  font-family: Literata, sans-serif;
  font-weight:600;
  color:#000000;
  font-size: 4.2em;
  line-height: 1em;
  margin: 0 0 0.55em 0; }

p {
  font-family: Roboto, sans-serif;
  font-weight:400;
  font-size: 12pt;
  color: #000000;
  letter-spacing: -0.01em;
  line-height: 1.65em;
  margin: 0 0 1em 0; }

a {
  color:#ff3c00; !important;
  text-decoration: none; 
  font-weight: 600 }

a:hover {
  border-bottom-color: transparent;
  color: #7a7a7a !important;
  text-decoration: none; }

/* Footer */
footer {
    color: #616161;
    padding-left:5rem;
    margin-bottom: 30px; } /* lascia sempre 30px dal bordo basso */   

footer .info {
  font-size: 0.8em;
  list-style: none; }

footer .info li {
  display: inline-block;
  line-height: 1em;}

footer .info li .hide-on-desktop {display: none;}

/* responsive */
@media (max-width:480px) {
  .hero{background-position:top}
  .content {padding:1.25rem;}
  .hide-on-mobile {display: none;}
  footer {padding-left:1.25rem; padding-right:1.25rem; margin-bottom: 45px;}
  footer .info {text-align: center;}   
}