@import url('https://fonts.googleapis.com/css?family=Oswald:500');
@import url('https://fonts.googleapis.com/css?family=Cardo:400i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300');

.card {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 2.5;
  padding-top: 100px;
  color: #293c59;
  background: #fff url("texture-1.jpg") no-repeat top center;
  background-size: cover;
  background-blend-mode: multiply;
}

.couple {
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  font-weight: 500;
  letter-spacing: 0;
}

.couple__delimiter {
  font-family: 'Cardo', serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-transform: lowercase;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-top: 10px;
}

.reception {
  font-family: 'Cardo', serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-top: 10px;
}

.link,
.button {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
}

.link {
  padding: 15px 0;
}

.button {
  padding: 15px;
  background: #293c59;
}

/* Variations */

.v2 .card {
  background-image: url("texture-2.jpg");
}

.v3 .card {
  background-image: url("texture-3.jpg");
}

/* Simplified */

.is-simple .card {
  background-image: none;
}