#contactPage::before {
    content: "";
  }
  
  #contacts {
    
    grid-template-columns: 1fr;
  }
  
  #contacts > div > img {
    padding-right: 1em;
    width: 3em;
  }
  
  #contacts span {
    color: #0ca49f;
  }
  
  #contacts a {
    color: #343434; 
  }
  
  #contactPage iframe {
    width: 100%;
    height: 25em;
    
    margin-top: 2em;
  }
  
  #contactPage h1 {
    padding-bottom: 0.5em;
  }

  @media screen and (min-width: 550px) {
    
    #contacts {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media screen and (min-width: 950px) {
    
    #contacts {
      grid-template-columns: repeat(4, auto);
      grid-gap: 2em;
    }
  }