/* Foglio di stile */

/* clear: left;  background-color:yellow; */


/* reset proprietà */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family:Sans-serif;
  line-height:1.125rem;
  font-size: 100%;
  }

h1 { color: white; background-color:grey; font-family:Sans-serif; text-align:center; padding: 0.5vw; font-size: 3vw; line-height:5vw; }
h2 { font-family:Sans-serif; text-align:center; padding: 0.2rem; font-size: 1.125rem; }
h3 { font-family:Sans-serif; font-size: 1.125rem; }
p { font-family:Sans-serif; margin-top: 0px; margin-bottom: 0px; font-size: 1rem; }
a { color: grey; }
div {  line-height:1.125rem; font-family:Sans-serif; font-size: 1rem; }
.testo_piccolo {font-family:Sans-serif; font-size: 0.625rem;}
.testo_medio {font-family:Sans-serif; font-size: 1rem;}
.testo_grande {font-family:Sans-serif; font-size: 1.125rem;}

.intestazione_grid { display: grid; grid: 90px / 25% 25% 25% 25%; align-content: center; align-items: center; }
.intestazione_grid > div {
  text-align: center;
}

.intestazione_el2 { grid-column-start: 2; grid-column-end: 4; }

.logo_lmc { width:20vw; max-width:250px; }
.logo_partner { width:18vw; max-width:180px; }

@media screen and (max-width: 1100px) {
  .intestazione_el1 { grid-column-start: 1; grid-column-end: 3; }
  .intestazione_el2 { grid-column-start: 3; grid-column-end: 5; }
  .intestazione_el3 { grid-column-start: 1; grid-column-end: 5; display: none; }
  .logo_lmc { width:25vw;}
  h1 { padding: 0.5vw; font-size: 4vw; line-height:6vw; }
}

@media screen and (max-width: 600px) {
  .intestazione_el1 { grid-column-start: 1; grid-column-end: 5; }
  .intestazione_el2 { grid-column-start: 1; grid-column-end: 5; }
  .intestazione_el3 { grid-column-start: 1; grid-column-end: 5; display: none; }
  .logo_lmc { width:40vw;}
}

.corpo { float: left; width: 100%; }

.col1 {
  background-color: grey;
  float: left;
  width: 25%;
  font-size: 25 px;
  font-size: 1rem; 
}
.col2 {
  background-color: lightgrey;
  float: left;
  width: 25%;
}
.col3 {
  background-color: grey;
  float: left;
  width: 25%;
}
.col4 {
  background-color: lightgrey;
  float: left;
  width: 25%;
}
@media screen and (max-width: 1000px) {
  .col1, .col2, .col3, .col4 {width: 100%;font-size: 1rem; }
  .logo_lmc { width: 40vW; }
}
@media screen and (max-width: 600px) {
  .col1, .col2, .col3, .col4 {width: 100%;font-size: 1rem; }
  .col4 {display: none;}
}

.cookie-banner {
  display: block;
  position: fixed;
  top: 100px;
  left: 0%;
  right: 0%;
  width: 100%;
  animation-duration: 2s;
  animation-name: slidein;
  align-items: center;
  padding: 20px;
  background-color: #eee;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  opacity: 93%;
  text-align: center;
  display: none;
}

.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

@keyframes slidein {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}