/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; 
}

*{
    margin: 0;
    padding: 0;
}








h1 {
letter-spacing: 6px;
}

/*
h5 {
letter-spacing: 3px;
}
*/

.hr-light {
border-top: 3px solid #fff;
width: 100px;
}

  




@media (max-width: 768px) {
    .display-3 {
      margin: 0 3rem;
/*      font-weight: 300;*/
        font-size: 30px;
      color: #5d4267;
    }
}



.hm-gradient {
  background: linear-gradient(40deg, rgba(0,51,199,.3), rgba(209,149,249,.3));
}
.heading {
  margin: 0 6rem;
  font-weight: 700;
  color: #5d4267;
}
.subheading {
  margin: 2.5rem 6rem;
  color: #bcb2c0;
}
.btn.btn-margin {
  margin-left: 6rem;
  margin-top: 3rem;
}
.btn.btn-lily {
  background: linear-gradient(40deg, rgba(0,51,199,.7), rgba(209,149,249,.7));
}
.title {
  margin-top: 6rem;
  margin-bottom: 2rem;
  color: #5d4267;
}
.subtitle {
  color: #bcb2c0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 6rem;
}












.titulo h1 {
		font-size: 30px;
		font-weight: 900;
		color: $black;
		margin-bottom: 30px;
		text-transform: uppercase;	
		@include media-breakpoint-up(md) {
			font-size: 70px;	
		}
	}
p {
		color: lighten($gray-2, 10%);
	}