/* ! Selected projects */

.selected-projects{
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 4px;
  grid-template-areas:
  "cvr1 cvr2 cvr3"
  "tit1 tit2 tit3"
  "cvr4 cvr5 cvr6"
  "tit4 tit5 tit6"
}

.selected-projects .cover {
    width: 280px;
    height: 168px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

/* ! Immagini Galleria*/

.selected-projects .cvr1{grid-area: cvr1; background-image: url("cover/cop_grb.jpg");}
.selected-projects .cvr2{grid-area: cvr2; background-image: url("cover/cop_ssm.jpg");}
.selected-projects .cvr3{grid-area: cvr3; background-image: url("cover/cop_spn.jpg");}
.selected-projects .cvr4{grid-area: cvr4; background-image: url("cover/cop_jm.jpg");}
.selected-projects .cvr5{grid-area: cvr5; background-image: url("cover/cop_mere.jpg");}
.selected-projects .cvr6{grid-area: cvr6; background-image: url("cover/cop_baires.jpg");}
.selected-projects .tit1{grid-area: tit1; height: 16px;}
.selected-projects .tit2{grid-area: tit2; height: 16px;}
.selected-projects .tit3{grid-area: tit3; height: 16px;}
.selected-projects .tit4{grid-area: tit4; height: 16px;}
.selected-projects .tit5{grid-area: tit5; height: 16px;}
.selected-projects .tit6{grid-area: tit6; height: 16px;}

@media(max-width: 850px){
  .selected-projects{
    margin-left: 11px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    grid-template-areas:
    "cvr1 cvr2"
    "tit1 tit2"
    "cvr3 cvr4"
    "tit3 tit4"
    "cvr5 cvr6"
    "tit5 tit6"
  }

  .selected-projects h3{
    margin-left: 0;
  }

  .selected-projects .cover {
      width: 88%;
      height: 100px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      cursor: pointer;
  }

  .selected-projects .cover-tit {
      width: 88%;
  }
}