html {
  font-size: 62.5%;
}
body {
  background-color: #f1f1f1;
}

h1 {
  color: #242424;
  font-family: "Oswald", sans-serif;
  font-size: 5.5em;
}
p {
  color: #242424;
  font-size: 2.2em;
  font-family: "Roboto", sans-serif;
}

.container {
  display: flex;
  flex-direction: column;
}
.text_section {
  display: flex;
  flex-direction: column;
  padding: 5px 30px;
}
.image_section {
  display: flex;
  justify-content: flex-end;
}
.container_social {
  display: flex;
  /* margin-left: 30px; */
  /* flex-direction: column; */
  /* padding: 5px; */
}
.social {
  height: 48px;
}
.social_2 {
  height: 48px;
  /* margin-top: 10px; */
  margin-left: 10px;
}
.imagen {
  height: 390px;
}
@media (min-width: 768px) {
  .container {
    display: flex;
    flex-direction: row;
    min-height: 98vh;
    justify-content: center;
    align-items: center;
  }
}