body {
	background-color: #fffef0;
	font-family: 'Ubuntu', sans-serif;
	color: #050138;
}

a {
	color: #050138;
}

#gg_button {
	background-color: #facf0f;
	color: #050138;
	border-color: #050138;
}

#mainpageheader {
	background-image: url("../img/header.jpg");
	background-color: #fffab8;
	background-repeat: no-repeat;
	background-size: cover;
}

.modal-body {
	background-color: #fffef0;
}

.modal-header {
	background-color: #facf0f;
}

#mainpageheader h1, #mainpageheader .lead {
	text-shadow: 2px 2px #aeafb0;
}

#mainpageheader p {
	text-shadow: 1px 1px #aeafb0;
}

.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: .5rem;
}

.navbar-light .navbar-brand {
	color: #050138;
	font-weight: bold;
	font-size: 1.8rem;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
	color: #050138;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(5, 1, 56, 0.7);
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #050138;
}

.navbar {
	background-color: #facf0f;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(5, 1, 56, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler {
	color: rgba(5, 1, 56, 1);
	border-color: rgba(5, 1, 56, 0.5);
}

.card-header {
	background-color: #facf0f;
}

@media only screen and (max-width: 575px) {
	#footerbar {
	  font-size: 0.4em;
	}
  }

@media only screen and (min-width: 576px) {
	#footerbar {
	  font-size: 0.6em;
	}
  }

@media only screen and (min-width: 768px) {
	#footerbar {
	  font-size: 0.8em;
	}
  }

@media only screen and (min-width: 992px) {
	#footerbar {
		font-size: 1em;
	}
}