footer{
	
}

.contact-us-bar{
	background-color: var(--theme-color-1);
	color:white;
	font-family: 'Poppins', sans-serif;
	padding:45px;
	display:flex;
}

.contact-us-bar span{
	display: inline-block;
	flex: 25;
	align-self: center;
}

.footer-contact-us-signup{
	text-align:right;
}

.contact-us-bar button{
	background-color: var(--theme-color-2);
	color: var(--theme-color-1);
	border-radius:1px;
	border:0px;
	outline:0px;
	padding:12px;
	font-weight:700;
	padding-left:40px;
	padding-right:40px;
	font-size:17px;
}


.footer-header-big{
	font-size:25px;
	font-weight:700;
	letter-spacing:2px;
	margin-left:55px;
}

.footer-header-small{
	margin-top:10px;
	margin-left:55px;
	font-weight:700;
}

footer #navigation-bar{
	display:flex;
	flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: flex-start;
	border-bottom: 1px solid rgb(240,240,240);
}

footer #navigation-bar span{
	display: inline-block;
	margin-top:30px;
	flex:22%;
}

footer #navigation-bar .spacer{
	flex:5%;
}

footer #navigation-bar .navigation-nav{
	flex:15%;
}

.footer-title-yellow{
	font: Arial, sans-serif;
	color: var(--theme-color-2);
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
}

.footer-title-blue{
	font: Arial, sans-serif;
	color: var(--theme-color-1);
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	letter-spacing: -1px;
}

.footer-title-black{
	font: Arial, sans-serif;
	color: black;
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
}

.footer-navigation-section{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-nav-gray{
	color: rgb(176,176,176);
	font-style: normal;
	font-weight:700;
}

.footer-nav-blue{
	color: var(--theme-color-1);
	font-style: normal;
	font-weight:700;
}

footer #credits{
	display: flex;
    justify-content: center;
    flex-direction: row;
	padding:8px;
}

#exam-review-nav{
	display:flex;
	flex-direction: row;
    flex-wrap: wrap;
}

#exam-review-nav > p, #exam-review-nav > a{
	flex:50%;
}

@media (max-width:768px){
	.footer-header-big, .footer-header-small{
		margin-left:0px;
	}
	
	footer #navigation-bar{
		flex-wrap: wrap;
	}
	
	footer #navigation-bar span{
		flex:100%;
		margin:30px;
	}
	
	footer #navigation-bar .spacer{
		display:none;
	}
	
	.footer-navigation-section{
		align-items: center;
	}
	
	footer #navigation-bar .navigation-nav{
		text-align:center;
	}

	.footer-bg{
		background-color:#222222;
		width:100%;
		height: 432px;
	}

	.contact-us-bar{
		flex-direction:column;
	}
	
	.contact-us-bar span{
		text-align:center;
		width:100%;
		margin: 5px;
	}
}