.sezione-blog {background-color:#f1f1f1; margin-bottom:15em; margin-top:4em;}
.blog-wrapper {  
  display:grid; grid-template-columns: repeat(auto-fit, minmax(400px,1fr)); gap:40px; max-width:1750px; margin:auto; padding:20px;
}
.blog-category {padding:100px 75px 15px 75px;text-align:center; margin-bottom:40px;}
.blog-wrapper .blog-card {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: all .35s ease;
  max-width: 30em;
  margin: 20px;
  background: #fff;
  border-radius:25px;
  text-align: center;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3)
}
.blog-wrapper .blog-card:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.25);}
.blog-wrapper .blog-card:hover .card-img img {opacity: 0.8;}
.blog-wrapper .blog-card .card-img {position: relative; text-align: center;}
.blog-wrapper .blog-card .card-img img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height:auto;	
  border-bottom: 5px solid #fb2056;
  border-radius: 25px;
}
.blog-wrapper .blog-card .card-img:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #fb2056;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.blog-wrapper .blog-card .card-details {
  margin-top: 20px;
  padding-left:25px;
  font-style: italic;
}
.blog-wrapper .blog-card .card-details span {padding: 0 30px;}
.blog-wrapper .blog-card .card-details span i {margin-right: 5px;}
.blog-wrapper .blog-card .card-text {padding: 0 15px; line-height: 26px;}
.blog-wrapper .blog-card .read-more {display: -webkit-box; cursor: pointer; margin-bottom: 20px; padding-top: 40px;}
.category {width:35%; background-color:#fb2056; color:white; text-transform: uppercase; border-radius:10px; display: inline-block; padding:0.4rem; font-size:1em; text-align: center; font-weight: bold; margin-top: 1.5em;}
.blog-intro{padding:0 75px 50px 75px; max-width:1100px; margin:auto; line-height:1.7;}
h3{margin:0;}
h4{text-align:center; font-size:36px}
.button-color {display: flex; left:0; }

@media (min-width:1800px) {.blog-wrapper .blog-card {max-width: 40em;}}

@media (min-width:801px) and (max-width:1199px){
	.blog-wrapper .blog-card {max-width: 22em;}
}

@media (max-width:800px) {
    .blog-wrapper {gap:80px}
	.blog-category {padding:75px 50px 0 50px;}
	.blog-wrapper .blog-card {max-width: 30em; margin:auto}
	.blog-wrapper .blog-card .card-text {padding: 0 15px;}
	.blog-wrapper .blog-card .read-more {margin-top: -40px; padding-top: 0; margin-bottom: 15px;}
	.category {width:40%;}
	.blog-intro{padding: 0 50px}
}

@media (max-width:600px) {
	.blog-category {padding: 75px 15px 25px 15px;}
    .blog-wrapper{grid-template-columns: 1fr; gap:75px; padding: 15px 15px 100px 15px;}
	.blog-wrapper .blog-card {max-width: 25em;}
	.blog-wrapper .blog-card .card-details {padding:0 15px;}
    .blog-wrapper .blog-card .card-text {padding: 0 15px; display: -webkit-box;}
	.blog-wrapper .blog-card .read-more {margin-top: -20px; margin-bottom: 20px;}
	.category {width:60%;}
	.blog-intro {padding: 15px}
	.sezione-blog {margin-top: 3em; margin-bottom: 10em;}
	.blog-category {margin-bottom: 0;}
	h4{font-size:26px}
}