* {
  box-sizing: border-box;
}
img {
  display: block;
}
.social-media {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: no-wrap;
}
.social-media img {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 640px) {
  .social-media img {
    width: 20vw;
    height: auto;
  }
}

.logo {
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 520px) {
  .logo {
    width: 95%;
    height: auto;
  }
}