/** ==========================================
FOOTER STYLE A
========================================== **/

.exf-a {}

#fo-sx > p {
	font-size:0.6rem;
}
/** ==========================================
FOOTER STYLE B
========================================== **/

.exf-b {}

/** HEADER STYLE **/

.fxxx {
	display:flex;
align-items:center; 
justify-content:space-between; 	
}
@media only screen and (max-width: 600px) {
.fxxx {
	display:flex;
align-items:center; 
justify-content:center;
flex-direction:column 	
}
}
#fheadex {
	width:100%;
	height:12vh;
background-color:#5c554b;
}
#fooMenu {
	display:flex;
align-items:center; 
justify-content:space-between; 	
width:100%;height:100%;background:;font-weight:;color:#333;
}
@media only screen and (max-width: 600px) {
#fheadex {
	width:100%;
	height:auto;
background-color:#5c554b;
}
#fooMenu {
	display:flex;
	flex-direction:column;
align-items:center; 
justify-content:space-between; 	
width:100%;height:auto;background:;font-weight:;color:#333;
}
}

/** NAVY BLOCKS **/

#navy-footer {
	width:100%;
	height:100%;
background-color:#5c554b;
}
#navy-footer > div {
	width:10%;
	background-color:;
	height:8vh;
	display:flex;
align-items:center;	justify-content:center;
position:relative;
}
#navy-footer > div > p {
	width:100%;
	font-size:0.75rem;
	background-color:;
	color:
}
#navy-footer > div > span {
	width:100%;
	font-size:0.75rem;
	background-color:;
}
@media only screen and (max-width: 600px) {
#navy-footer > div > p {
	font-size:0.4rem;
  }
}

#navy-footer .logo {
	width:30%;
	background:;
}