*{
	--lt-sand: #f9c976;
	--sand: #d0955f;
	--blue: #6084aa;
	--dk-blue: #304660;
	--midnight: #070b19;
}


@font-face {
font-family: 'Angelface';
font-style: normal;
font-weight: normal;
src: local('Angelface'), url('fonts/Angelface.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');

body{
	font-family:'Lato', sans-serif;
}


/*
.navbar{
	top:0;
}
*/
.navbar{
	background-image: linear-gradient(to bottom right, var(--dk-blue), var(--blue));
/*	color:white;*/
}

.nav-item.active.nav-link{
	color:white;
}

.titleBar{
	background-image: linear-gradient(to bottom right, var(--midnight), var(--dk-blue));
	color:white;
	padding-bottom: 2rem;
}

.titleBar h2{
	font-family: 'Righteous', sans-serif;
	text-align: center;
}

.titlePage{
	background-color: var(--midnight);
	color:white;
}

/*.jumbotron .container-fluid{
	align-content: center;
	text-align: center;
	padding-top:4rem;
}*/

/*.shortJumbo{
	background-position: center bottom;
	color:white;
	padding-bottom: 2rem;
}*/

/*.shortJumbo h2{
	font-family: 'AngelFace',script;
	font-size: 5rem;
}*/

/*.jumbotron h2{
	color:var(--dk-blue);
}*/

#logo{
	max-width:90vw;
	margin-bottom:1rem;
}

.footer{
	margin-top:2rem;
}

.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
	background-color:var(--blue);
	border-color:var(--dk-blue);
}
.btn-primary:hover,.btn-primary:focus,.btn.btn-primary:active{
	background-color:var(--dk-blue);
}

.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
	box-shadow:0 0 0 0.2rem rgba(216,215,213,.3);
}

/*.lightBar{
	/*background: linear-gradient(rgba(228,195,192,0), rgba(228,195,192,.8), rgba(228,195,192,1), rgba(216,215,213,.8), rgba(216,215,213,0));*/
	/*padding-top:20px;*/
/*	padding-bottom:20px;*/
/*}*/

.front-text{
	color:white;
	padding:60px;
	letter-spacing: 2px;
}

@media screen and (min-width: 768px){
	#logo{
		max-width:30vw;
	}
}