.convite {
  background-image: url('../images/convite-bg.jpg');
  position: relative;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 53.5vw;
  padding-bottom: 15vw;
  margin-top: -15vw;
}

.convite .title {
  font-size: 7.2vw;
  color: #51174b;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 6vw;
}

.convite-container {
  width: 83vw;
  margin: 0 auto;
}

.convite-content-wrapper {
  width: 51%; 
  color: #515151;
  font-weight: 600;
  font-size: 5.6vw;
  line-height: 1.1;
}

/* @media screen and (max-width: 1023px) {
  .convite-content-wrapper p span {
    display: block;
  }
} */

.convite-content-box-wrapper strong {
  color:#eb847a;
}

.convite-content-box {
  position: relative;
  font-size: 4.5vw;
}

.convite-content-box:after {
  content: '';
  display: block;
  height: 100%;
  width: 91vw;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  border-radius: 0% 23% 6% 3%;
  box-shadow: inset 0px 4px 3px rgba(226, 226, 226, .29), inset 3px -3px 8px rgba(255, 255, 255, 0.2);
}

.convite-content-box .convite-container {
  z-index: 99;
  position: relative;
  padding-top: 12vw;
  padding-bottom: 3vw;
  padding-left: 1vw;
}

.convite-content-box {
  font-size: 5vw;
}

.convite-content-box-wrapper {
  max-width: 81%;
  color: #363636;
}


.convite-content {
  padding-bottom: 6.5vw;
}

.convite-content-box-wrapper p {
  margin-bottom: 1.1em;
}

.convite-content-box-wrapper p:last-of-type {
  margin-bottom: 0;
}

.convite .button { 
  top: 10vw;
}


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

  .convite {
    background-image: url('../images/convite-bg-desk.jpg');
    background-size: cover;
    padding-top: 10vw;
    padding-bottom: 5vw;
    min-height: 54.7vw;
    margin-top: -1vw;
  }

  .convite .title {
    font-size: 2.5vw;
    margin: 0;
  }

  .convite-container {
    width: 56vw;
    margin: 0 auto;
  }

  .convite-content {
    text-align: left;
    padding: 0 0 2vw;
  }

  .convite-content-wrapper {
    width: 45.5%;
    font-size: 1.9vw;
  }

  .convite-content-wrapper p {
    max-width: 90%;
    margin-top: .5vw;
  }

  .convite-content-box-wrapper p {
    margin-bottom: 1.3em;
  }

  .convite .button { 
    margin: 0;
    top: 3.3vw;
    padding-top: 1.1vw;
    width: 23vw;
  }

  .convite-content-box {
    position: relative;
    font-size: 1.25vw;
    z-index: 9999;
  }

  .convite-content-box:after {
    width: 54.5vw;
    border-radius: 0 6vw 2vw 0vw;
    box-shadow: inset 0px 4px 3px rgba(226, 226, 226, .29),0px 0vw 3vw 0px rgba(146, 146, 146, 0.27);
  }

  .convite-content-box .convite-container {
    padding: 3.5vw 0 1vw .5vw;
  }

  .convite-content-box-wrapper {
    width: 55%;
  }
}