@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=Roboto:wght@300&display=swap');
body {
	background: #fff;
	font-family: Roboto !important
}


#header {
	background: #715C8C !important;
	background-image: url("https://images.unsplash.com/photo-1555605976-8bf855afd253?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
	background-position: bottom; /* Center the image */
 	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	color: #fff;
	margin-bottom: 20px;
}
#sidebar a{
	font-size: 13px !important;
}

#sidebar span{
	font-size: 13px !important;
}
#header h1 {
	margin: 0 auto;
	padding: 0em 0 0em 10%;
	font-family: Open Sans!important;
	padding-top:60px;
	padding-bottom:60px;
	font-size:40px;
}

#footer {
	background-color: #fff;
}

#navbar {

	border-bottom: 4px solid #715C8C;
}

#navbar a {
	font-size: 0.7em;
        font-weight: bold;
	letter-spacing: 0.05em;
}

#breadcrumb {
	padding-top: 1em;
	font-size: 0.5em;
}

#breadcrumb a {
        color: #666;
}

#content {
	padding-top: 0.9em;
	border-top: 1px solid #999;
}

#main {
	font-size: 1.2em;
        line-height: 110%;
        color: #111;
}

#main h2 {
	font-size: 1.2em;
        line-height: 110%;
}

a:link {
	color: #715C8C;
        text-decoration: none;
}

a:active {
	color: #715C8C;
        text-decoration: none;
}

a:visited {
	color: #715C8C;
        text-decoration: none;
}

a:hover {
	color: #715C8C;
	background: #fff;
        text-decoration: underline;
}

h2,h3,h4,p{
	font-family: Roboto !important;
}
.button{

	border-color: transparent;
	margin-top:10px;
	margin-bottom:10px;

}
input.button {
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #715C8C;
        color: white;
	font-weight: bold;
	font-size: 1em;
	border-radius:1em;
}

input.defaultButton {
	background-color: #715C8C;
	font-weight: bold;
        color: white;
}