* {
  margin: 0;
  padding: 0;
  background-color: #FFB9F9;
}
body {

}

.wrapper {
  width:100%;
}

.garces-text h1{
  padding: 50px 50px 30px;
  font-family: 'Syne', sans-serif;
  font-size: 60px;
  color: #bf00ff;
  line-height: 30px;
}
.garces-text h3{
  padding: 5px 5px 10px 160px;
  font-family: 'Syne', sans-serif;
  font-size: 20px;
  color: #e70aae;
  line-height: 10px;
}

.garces-text p{
  padding: 50px;
  font-family: 'Bitter', serif;
  font-size: 18px;
  color: #e70aae;
}

@media only screen and (min-width:768px) {

  .garces-text h1{
    padding: 30px 30px 30px;
    font-family: 'Syne', sans-serif;
    font-size: 180px;
    line-height: 90px;
  }
  .garces-text h3{
    padding: 30px 30px 30px 500px;
    font-family: 'Syne', sans-serif;
    font-size: 120px;
    color: #e70aae;
    line-height: 60px;
  }
  .garces-text p{
    padding: 50px 50px 250px;
    font-family: 'Bitter', serif;
    font-size: 50px;
    color: #e70aae;
  }
}