main .socialContainer {
  padding: 20px 0;
}

.socialContainer {
  width: 80%;
  max-width: 1020px;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
}

.socialIcon {
  max-width: 150px;
  width: 100%;
  padding: 0 50px 0 50px;
  transition: transform 0.2s ease-in-out;
}

.socialIcon:hover {
  transform: scale(1.1);
}

//Different resolution changes
@media (max-width: 500px) {
  .socialIcon {
    max-width: 120px;
    width: 100%;
    padding: 0 20px 0 20px;
  }
}
