#footer {
	clear: both;
	width: 100%;
	height: max-content;
	
	display: flex; /* make footer a flex container */
	justify-content: space-evenly; /* spread out the three divs */
	align-items: flex-start, center;
	padding: 2px 0;
	padding-bottom: 15px;

	border-top: 5px double #003;
    background: linear-gradient(to top, #5f5f87, #003, #003);
	text-align: center;
	font-family:'Avenir','Times New Roman', 'STKaiti', sans-serif, monospace;
}
#ftr1_link, #ftr2_contact, #ftr3_social {
    width: 33%;
    float: left;
    background-color: none;
    box-sizing: border-box;
	padding: 9px 0;
	z-index: 2;
	font-size: 13px;
	line-height: 23px;
}
#ftr1_link a,
#ftr2_contact a,
#ftr3_social a {
	text-decoration: none;
}

/*ftr1*/
#ftr1_link { 
	background-color: none;
}

#ftr1_desk { display: block !important;}

.link01, .link02, .link03, .link04, .link05 {
	padding: 3px;
	margin: 0;
	text-transform: capitalize;
}
 a.link_label { position: relative;	color: #e9e9ff; }
 a.link_label:hover { color: transparent;}
 a.link_label:hover::after { 
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	width: max-content;
	letter-spacing: 2px;
	padding-bottom: 3px;
}

.link01 a.link_label:hover::after { content: 'About Us ⛭'; }
.link02 a.link_label:hover::after { content: 'Stock Machines ⛭'; }
.link03 a.link_label:hover::after { content: 'Contact Us ⛭'; }
.link04 a.link_label:hover::after { content: 'Manufacturing ⛭'; }
.link05 a.link_label:hover::after { content: 'Location ⛭'; }

/*ftr2*/
#ftr2_contact {
	background-color: none;
	letter-spacing: 1px;
	font-size: 12px;
}

#ftr2_contact ul {
	display: inline-block; /* makes <ul> treated as a centered inline element */
	text-align: left; /* aligns the <li> text to the left */
	text-transform: none;
}

#ftr2_contact li,
#ftr2_contact li a {
	margin-top: 5px;
	color: #e9e9ff;

}

.engadd {
	letter-spacing: 0; 
	line-height: 15px;
	padding-top: 1px;
}


/*ftr3*/
#ftr3_social {
	background-color: none;
}

#ftr3_social li,
#ftr3_social li a {
	color: #e9e9ff;
}

#ftr1_link ul, #ftr2_contact ul, #ftr3_social ul {
	padding:0;
	margin:0;
	list-style: none;
}

/*hide the .mobile table content for PC view*/
@media screen and (min-width: 801px) {
#ftr1_mobile { display: none; }
	}
	
/* --- MOBILE VIEW --- */
@media screen and (max-width: 800px) {

/* Make footer flow naturally below content */
#footer {
	display: block;     
	width: 100vw;
	position: absolute;  
	border-top: 5px solid #555;
	border-bottom: 5px solid #555;
	clear: both; 
	padding:0;
	background: linear-gradient(to top, #333, #333, #333);


}

/* Stack footer sections vertically */
#ftr1_link, #ftr2_contact, #ftr3_social {
	width: 100vw;
	float: none;
	padding: 0;
}

#ftr1_link ul,
#ftr3_social ul {
	display: flex;             /* flex container */
	flex-direction: row;       /* horizontal layout */
	flex-wrap: wrap;           /* wrap to next line if too long */
	justify-content: space-evenly; /* align left, can also use space-between or center */
	padding: 0;
	margin: 0;
}

/*ftr1*/
#ftr1_link ul {
	padding: 15px;
}

#ftr1_desk { display: none !important; }
  
#ftr1_mobile { 
	display:block; 
	color: #e9e9ff;
	justify-content:center;
}
#ftr1_mobile li a {
	color: inherit;
	padding: 5px;
}

#ftr1_mobile li:hover {
	background-color: red;
	padding: 5px;
}

/*ftr2*/
#ftr2_contact {
padding: 15px 0;
border-top:1px dashed #555 ;
border-bottom:1px dashed #555 ;
}
#ftr2_contact ul { text-align: left; padding-right: 20px;}
#ftr3_social ul { padding: 15px;}


}