#servicesSummary {
    text-align: center;
    padding-bottom: 1em;
  }
  
  #servicesSummary h1 {
    
    font-size: 1.4rem;
    padding-bottom: 1rem;
  }
  
  #servicesSummary h1:before {
    
    left: 50%;
    transform: translate(-50%, 0);
  }
  
  #servicesSummary h1 br {
    display: none;
  }
  
  
  #servicesIconList {
    
    text-align: center;
  }
  
  #servicesIconList a {
    
    max-width: 20em;
    padding: 1em;
    
    color: #343434;
  }
  
  #servicesIconList a: hover {
    text-decoration: underline;
  }
  
  #servicesIconList a:hover img {
    filter: hue-rotate(20deg);
  }

  #servicesIconList img {
    max-width: 6em;
    display: inline-block;
  }
  
  #servicesIconList h3 {
    font-size: 1em;
  }
  
  #servicesIconList p {
    font-size: 0.9em;
    color: #625e5e;
  }
  
  #teamReservation {
    padding-top: 2em;
    scroll-margin: 4em;
  }
  
  #teamReservation .recensioni h2 {
    
    text-align: center;
  }
  
  #homeTeam > h2 {
    grid-column: 1 / -1;
  }
  
  #homeTeam > div {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  
  #homeTeam > a {
    
    align-self: center;
    margin-top: 1rem;
  }
  
  .videoItems {
    grid-template-columns: 1fr;
    
    padding: 1em 0em 2em 0em;
  }

  @media screen and (min-width: 500px) {
    
    #servicesIconList a:last-of-type {
      grid-column: 1 / -1;
    }
  }

  @media screen and (min-width: 600px) {
    
    #homeTeam > div {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    .videoItems {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media screen and (min-width: 650px) {
    
    #servicesSummary h1 br {
      display: initial;
    }
  }
  
  @media screen and (min-width: 900px) {
  
    #servicesSummary {
      max-width: 85%;
      margin: auto;
    }
    
    #servicesIconList a:last-of-type {
      grid-column: initial;
    }
    
    #teamReservation {
      grid-template-columns: 3fr 4fr;
    }
    
    .videoItems iframe{
      margin: 0em;
    }
  }