* {
  margin: auto;
  padding: 0;
  box-sizing: border-box;
}

#invitaciones {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px;
  background-color: #e6e6e6;
}

#invitaciones .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 100%;
  padding: 5px;
  margin-bottom: 50px;
}


#invitaciones .premium {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 50%;
}

#invitaciones .classic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 50%;
}

#invitaciones img {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  object-fit: contain;
}

#invitaciones .row h1 {
  text-align: center;
  font-weight: 100;
}

#invitaciones .row p {
  text-align: center;
  padding: 20px ;
  text-align: justify;
  font-size: 14px;
}

#invitaciones .button {
  padding: 10px;
  margin: auto;
  text-decoration: none;
  color: rgba(230, 11, 118, 0.9);
  border-radius: 20px;
  border: 1px solid rgba(230, 11, 118, 0.9) ;
}

#invitaciones .button:hover {
  background-color: rgba(230, 11, 118, 0.9);
  color: #fff;
}

footer .contenedor {
  background-color: rgb(189, 189, 189);
}


@media (max-width:480px){

  #invitaciones img {
    margin-top: 50px;
  }


  #invitaciones .row {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 100%;
    width: 100%;
  }

  #invitaciones .row .classic {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 100%;
    width: 100%;
    margin-bottom: 20px;

  }

  #invitaciones .row .premium {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
}