html { min-height:100% }
body { color: #2D2D2D; font-size:1.3rem; line-height: 1.5; min-height:100% }

.bg-gold {
  background: -webkit-linear-gradient(60deg, #e5c300 50%, #fff 50%);
  background: -o-linear-gradient(60deg, #e5c300 50%, #fff 50%);
  background: -moz-linear-gradient(60deg, #e5c300 50%, #fff 50%);
  background: linear-gradient(60deg, #e5c300 50%, #fff 50%);
  height:100%
}

.c_df0024 { color: #df0024 }

.g_teramo, .g_vibrata_salinello, .g_gran_sasso_laga, .g_vomano_fino { position:absolute; top:0; left:0; width: 100%; height:100% }

.g_teramo { clip-path: polygon(0.49% 13.06%, 49.37% 13.06%, 49.37% 46.85%, 12.88% 60.36%) }
.g_vibrata_salinello { clip-path: polygon(51.32% 12.16%, 87.26% 0%, 100% 47.97%, 51.32% 47.97%) }
.g_gran_sasso_laga { clip-path: polygon(9.68% 65.09%, 45.47% 51.8%, 58.64% 100%, 9.68% 100%) }
.g_vomano_fino { clip-path: polygon(48.46% 51.13%, 97.63% 51.13%, 97.63% 88.06%, 62.05% 100%) }

/*-- MAX-WIDTH --*/
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}

/*-- MIN-WIDTH --*/
@media (min-width: 576px) {}
@media (min-width: 768px) {}

@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}