html {
	scroll-behavior: smooth;
  }
body{
	width: 100%;
	font-family: 'Roboto', sans-serif;
}
a{
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
}
h3{
	
	line-height: 1.5em;
	color: rgba(0,0,0,.5);
	font-weight: 300 !important;
}
.logo{
	width: 80%;
	height: auto;
}
.nav-title{
	background: -webkit-linear-gradient(#691a6f, #21448d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.nav-link{
	color:#691a6f !important;
}
.nav-link:hover{
	text-decoration:underline;
}
.bg-purple{
	background: #691a6f;
	color: #ffffff;
}
.welcome-button{
	color: #ffffff;
	background:#21448d;
	border:none;
	padding: 6px 15px;
	border-radius: 10px;
}
.welcome-button:hover{
	color: black;
	background: #ffffff;
}
.section-grey{
	background: #e0e0d1;
}
.section-grey h2{
	color: rgba(0,0,0,.5) !important;
}
.subtitle{
	text-transform: uppercase;
	color: #691a6f;
}
.navbar-toggler{
	background: #691a6f !important;
}
.myslider{
	max-height: 700px;
}
.icons{
	color: #000000 !important;
}


@media (max-width: 576px) { 
	h1{
		font-size: 1.5em !important;
	}
 }

@media (min-width: 768px) { }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }