.page-footer
{
	background-color:#990000; 
	color: white;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight: 700;
	font-style: normal;
}

.page-footer a
{
	color:white;
}

.page-footer .fa
{
	font-size:30px;
	padding: .5rem .6rem;
	margin: 0 .6rem;
}

.fa-facebook-square, .fa-instagram{
  display: inline-block;
  border-radius: 100%;
  padding: .1rem;
  transition: background-color .3s;
}

.page-footer .fa:hover {
	background-color:RGBA(204, 127, 127, .4);
}

.page-footer a:hover {
	text-decoration: none;
	color:white;
}


.link
{
	color: black;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: #990000;
}

.link:hover
{
	color: grey;
	text-decoration-color: #990000;
}

body { padding-top: 160px; }

.title {
	margin-bottom: 0px;
}

hr
{
	margin-top: 0px;
	border-top: 1.5px solid rgba(153, 27, 30, .9);
	max-width: 100%;
}

p
{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5
{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight:normal;
	font-style:normal;
}

.btn-normal
{
	padding-top: 13px;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight: 700;
	font-style: normal;
    min-width: 250px;
    color: #fff;
    background: #990000;
    border: solid;
	border-color: #990000;
}

.btn-normal:hover {
    color: #990000; 
	background: #fff;
	border-color: #990000
}

.btn-normal:focus {
   outline: none !important;
   box-shadow: 0 0 0 0;
}

.active {
   outline: none !important;
   box-shadow: 0 0 0 0;
}

.navbar {
    -webkit-box-shadow: 0 6px 4px -4px #999;
    -moz-box-shadow: 0 6px 4px -4px #999;
    box-shadow: 0 6px 4px -4px #999;
	
    /* To that one person on StackOverflow... you're a G 	
	https://stackoverflow.com/questions/14904731/add-a-drop-shadow-to-a-top-fixed-nav-bar-using-bootstrap	
	*/
}

.navbar-brand
{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight:normal;
	font-style:normal;
	font-size: 35px;
}

.navbar-collapse
{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight:normal;
	font-style:normal;
	margin-right: 2%;
}

.nav-link
{
	color: #990000;
}

.nav-link:hover
{
	color: #cc7f7f;
}

.nav-dropdown
{
	padding: 4px 8px;
}

.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(153, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-copyright
{
	margin-left: 6rem;
}

.nav-social
{
	align-items: center;
	display: flex;
	margin-left: auto;
	margin-right: 6rem;
}

@media screen and (max-width: 767px) {
	.navbar-nav .dropdown-menu
	{
		padding-left: 1rem;
	}
	
	.nav-social
	{
		margin-right: 1rem;
	}
	
	.nav-copyright
	{
		margin-left: 1rem;
		font-size: 14px;
	}
}

@media screen and (max-width : 815px) {

	.navbar-brand {
		font-size: 28px;
	}
	
	body { 
		padding-top: 70px; 
	}
}