/*
purple #483377;
gold #f6b024;
*/
body{
	font-size: 16px;
	word-spacing: 5px;
}
.sitename{
	font-size: 2rem;
	font-weight: bolder;
	text-shadow: 0.5px 0.5px #fff;
}
.sitename .motto{
	padding-top: 20px;
	color: #fff !important;
	font-size: 13px;
	text-shadow: 0.2px 0.2px #483377;
}
#topbar{
	background: #f6b024;
}

.purple-text{
	color:#483377;
}
.navbar a, .navbar a:focus{
	font-weight: bold;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a{
	text-shadow: 0.4px 0.4px #483377;

}
nav>ul>li>a{
	font-size: 18px;
	text-shadow: 1px 1px #fff;
}
.navbar > ul > li > a::before{
	background-color: #f6b024;
}

#hero::before{
	background:#f6b024;
	opacity: 0.3;

}
.navbar a, .navbar a:focus{
	font-size: 18px;
}

#header.header-scrolled{
	background: #f6b024;
	opacity: 0.9;
}
#hero{
	background: url('../img/main_gate-bg.jpg') top center no-repeat ;
	background-size: 100%;
	text-shadow: 1px 1px #483377;
}
.animate__fadeInUp span {
	font-size: 60px;
}
.about{
	padding: 30px 0;
}
.section-title p{
	font-style: normal;
	margin-bottom: 20px;
}
.icon-boxes .title a, .services .icon-box h4 a, .team .member h4, .pricing h3, #topbar, .navbar a, .navbar a:focus{
	color: #483377;
}
.icon-boxes .title{
	font-size: 16px;
}

.icon-boxes .description{
	font-size: 16px;
	color: #000;
}

.statementDiv{
	border: 3px outset #f6b024;
	padding: 1rem;
}

#footer, #footer .footer-newsletter{
	background: #483377;
}

.icon-boxes .icon-box{
	padding: 20px;
}

.why-us .content{
	padding: 30px 40px 0 40px;
}
.why-us .content p{
	font-size: 16px;
	color: #000;
}
.why-us .accordion-list {
	padding: 0 80px 40px 80px;
}
@media screen and (max-width: 1250px) {
	.sitename .motto{
		display: none;
	}
}

@media screen and (max-width: 992px) {
	
	.animate__fadeInUp span {
		font-size: 40px;
	}

	.sitename{
		font-size: 1.5rem;
	}
}
#footer{
	padding: 0 0 20px 0;
}
#footer .credits,#footer .copyright{
	padding: 20px 0 0 0;
}
@media screen and (max-width: 768px) {
	.animate__fadeInUp span {
		font-size: 20px;
	}

	#hero {
	  height: 120vh;
	  padding: 100px 0;
	}

	#hero h2 {
    	font-size: 20px;
  	}

	.sitename{
		font-size: 1.1rem;
	}
	#header div {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}