/*----------- CONTENT -----------
	01 - SPACE
	02 - FONT SIZE
	03 - TXT COLORS
	04 - BOX THEME
	05 - BUTTONS
	06 - FORMS
   07 - NAVBAR
*/
@media (max-width: 768px) {
  .col-marg {
    margin-top: 35px; }

  .txt-incrivel h1 {
    text-align: center;
    margin-bottom: 40px; } }
@media (max-width: 992px) {
  .col-marg {
    margin-top: 35px; } }
@media (max-width: 1200px) {
  .col-marg {
    margin-top: 35px; } }
.intro {
  background-color: #4C4D59 !important;
  padding-top: 60px;
  position: relative;
  overflow: hidden;
  background-color: whitesmoke;
  z-index: 0;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  .intro h1 {
    max-width: 800px; }
  .intro p {
    max-width: 600px; }
  .intro h1, .intro p {
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 767px) {
  .intro {
    padding-top: 90px; }

  .intro h1 {
    font-size: 2em; }

  .intro h3, .intro h4, .intro p {
    font-size: 1.2em; } }
@media (min-width: 1600px) {
  .intro {
    padding-top: 80px; }

  .intro h1 {
    font-size: 3em; }

  .intro h3, .intro h4, .intro p {
    font-size: 1.5em; } }
.intro.is-bar {
  padding: 0px !important;
  height: 130px;
  background-color: #D62249; }

.intro.is-small {
  height: 600px; }

.intro.intro-text {
  height: auto; }

.intro .container {
  position: relative;
  z-index: 2; }

.intro .image-float {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 1; }

.intro .image-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: no-repeat center; }

.intro .image-cover picture {
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  max-width: none;
  -ms-transform: translate(50%);
  -webkit-transform: translate(50%);
  transform: translate(50%); }

.couple-box {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2), 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2), 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2), 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

@media (min-width: 992px) {
  .couple-box {
    margin-top: 40px; } }
.img-wrapper {
  background-color: #4C4D59;
  border-radius: 5px; }

.img-wrapper img {
  opacity: 0.5; }

h1, h2, h3, .and {
  font-family: 'Kalam', cursive;
  font-weight: unset; }

/*--- 01 - SPACE - START ---*/
#opcoes, #banda-incrivel, #momentos, #formulario {
  padding: 60px 0; }

#formulario h3 {
  margin-bottom: 10px; }

.mrg-bt-pri {
  margin-bottom: 60px; }

.btn-play {
  border: 2px solid #4C4D59 !important;
  border-radius: 5px; }

/*--- 01 - SPACE - END ---*/
/*--- 02 - FONT SIZE - START ---*/
.txt-regular {
  font-weight: 400; }

.txt-bold {
  font-weight: 700; }

.intro h1 {
  font-size: 5rem; }

.intro p {
  font-size: 2rem; }

.inesquecivel {
  font-size: 7rem; }

@media (max-width: 360px) {
  .intro h1 {
    font-size: 4rem; }

  .inesquecivel {
    font-size: 5rem; } }
.incrivel {
  font-size: 5.5rem; }

#opcoes h2 {
  font-size: 3rem; }

#momentos {
  background-color: #f2f2f2; }

#momentos h1, #formulario h1, #formulario h3 {
  margin-top: 0px;
  font-size: 3.5rem; }

#momentos p, #formulario p {
  font-size: 2rem; }

#momentos small {
  font-size: 1.8rem;
  background-color: #ffffff;
  padding: 20px;
  color: #858585; }

.couple-box h2 {
  font-size: 3.5rem; }

/*--- 02- FONT SIZE - END ---*/
/*--- 03 - TXT COLORS - START ---*/
.clr-pri {
  color: #4C4D59; }

.clr-sec {
  color: #827E6F; }

.clr-tri {
  color: #424039; }

.clr-white {
  color: #ffffff; }

.intro {
  color: #ffffff; }

#momentos p {
  color: #545454; }

/*--- 03 - TXT COLORS - END ---*/
/*--- 04 - BOX THEME - START ---*/
.box-purple {
  background-color: #4C4D59; }

.box-purple-light {
  background-color: #E8EBF8; }

.box-gray {
  background-color: #E8EBF8; }

.box-purple p, .box-purple h1, .box-purple h2 {
  color: #ffffff;
  font-weight: unset; }

/*--- 04 - BOX THEME - END ---*/
/*--- 05 - BUTTONS - START ---*/
.btn-couple, .btn-band, .btn-go {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 1.2rem;
  line-height: 1.42857143;
  border-radius: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s; }

.btn-go {
  padding: 15px 25px;
  font-size: 2rem;
  font-weight: normal;
  border: 2px solid #4C4D59;
  background-color: #4C4D59;
  color: #ffffff; }

.btn-couple {
  border: 2px solid #827E6F;
  color: #827E6F; }

.btn-couple:hover,
.btn-couple:focus,
.btn-couple.focus {
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #4C4D59;
  background-color: #4C4D59; }

.btn-band {
  background-color: #827E6F;
  border: 2px solid #827E6F;
  color: #ffffff; }

.btn-band:hover,
.btn-band:focus,
.btn-band.focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #4C4D59;
  border: 2px solid #4C4D59; }

.btn-go:hover,
.btn-go:focus,
.btn-go.focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #827E6F;
  border: 2px solid #827E6F; }

/*--- 05 - BUTTONS - END ---*/
/*--- 06 - FORMS - START ---*/
#formulario input {
  font-size: 2rem;
  border-bottom: solid 1px #b9aed6 !important; }

.form-control {
  color: #4C4D59; }

label {
  color: #4C4D59;
  font-weight: normal;
  font-size: 18px; }

.check-pos {
  width: 20px;
  margin-top: 5px; }

/*--- 06 - FORMS - END ---*/
.img-responsive {
  width: 100%; }

#banda-incrivel img, #momentos img {
  border-radius: 5px; }

.row-spaced {
  margin-bottom: 60px; }

#banda-incrivel ul li {
  display: inline-flex; }

#formulario input {
  border: solid 1px #cccccc;
  border-radius: 8px; }

.border-center {
  background-color: #827E6F;
  height: 1px;
  margin-top: -14px; }

.and {
  position: absolute;
  bottom: -35px;
  z-index: 1;
  width: 50px;
  margin-left: -25px;
  height: 50px;
  line-height: 50px;
  border-radius: 100px;
  background-color: #4C4D59;
  color: #ffffff;
  font-size: 4rem; }

@media (min-width: 992px) {
  .and {
    right: -25px;
    bottom: auto; } }