.social {
  background-color: var(--third-color);
  color: var(--main-color);
  text-align: center;
  padding: 4em 0;
}

.social p { font-size: 1.25rem; font-weight: 400;}

.social .social-icons {
  margin-top: 2em;
}
.social a {
  transition: all .5s;
}
.social a:hover {
  opacity: .8;
}

.social .social-icon {
  width: 3.0625rem;
  height: 3.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 .5em;
}

@media all and (max-width: 33em) {
  .social p { font-size: 1rem;}
}