.poppins-thin {
 font-family: "Poppins", sans-serif;
 font-weight: 100;
 font-style: normal;
}

.poppins-extralight {
 font-family: "Poppins", sans-serif;
 font-weight: 200;
 font-style: normal;
}

.poppins-light {
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 font-style: normal;
}

.poppins-regular {
 font-family: "Poppins", sans-serif;
 font-weight: 400;
 font-style: normal;
}

.poppins-medium {
 font-family: "Poppins", sans-serif;
 font-weight: 500;
 font-style: normal;
}

.poppins-semibold {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-style: normal;
}

.poppins-bold {
 font-family: "Poppins", sans-serif;
 font-weight: 700;
 font-style: normal;
}

.poppins-extrabold {
 font-family: "Poppins", sans-serif;
 font-weight: 800;
 font-style: normal;
}

.poppins-black {
 font-family: "Poppins", sans-serif;
 font-weight: 900;
 font-style: normal;
}

.poppins-thin-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 100;
 font-style: italic;
}

.poppins-extralight-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 200;
 font-style: italic;
}

.poppins-light-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 font-style: italic;
}

.poppins-regular-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 400;
 font-style: italic;
}

.poppins-medium-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 500;
 font-style: italic;
}

.poppins-semibold-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-style: italic;
}

.poppins-bold-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 700;
 font-style: italic;
}

.poppins-extrabold-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 800;
 font-style: italic;
}

.poppins-black-italic {
 font-family: "Poppins", sans-serif;
 font-weight: 900;
 font-style: italic;
}




.spazio-testata {
 padding-top: 70px;
 padding-left: 10px;
 padding-right: 0px;
 width: 100%;
 margin: 0 auto;
}



.grid {
 display: grid;
 /*grid-template-columns:1fr 1fr 1fr 1fr 1fr;*/
 grid-template-columns: repeat(auto-fit, minmax(260px,1fr ));
 gap: 20px;
 max-width: 1300px;
 margin: 50px auto;
 border: 1px solid green;
 padding: 10px;
}

.griditem {
 border: 1px solid red;
 padding: 20px;
}

@media(min-width:988px) {
 .item--wide {
  grid-column: span 2;
 }
}