.footer-4-column{
	padding:0;
	margin:0;
	background-color: blue;
	position: relative;
	bottom: 0;
	font:16px/1.3 calibri, verdana;
}
.footer-4-column .footer-1st-column,
.footer-4-column .footer-2nd-column,
.footer-4-column .footer-3rd-column,
.footer-4-column .footer-4th-column {
	float: left;
	vertical-align: top;
	text-decoration: none;
}
.footer-1st-column {
    width: 23%;
    float: left;
    padding: 4px 4px;
}
.footer-2nd-column {
    width: 23%; /* Account for margins + border values */
    float: left;
    padding: 4px 4px;
}
.footer-3rd-column {
    width: 22%;
    float: left;
    padding: 4px 4px;
}
.footer-4th-column {
    width: 28%;
    float: left;
    padding: 4px 4px;
}
.footer-4-column .row:after {
    content: "";
    display: table;
    clear: both;
}
.footer-1st-column h2 {
     font-family: calibri, verdana;
     font-weight: bold;
     font-size: 16px;
     color: white;
     text-align: center;
}
.footer-2nd-column h2 {
     font-family: calibri, verdana;
     font-weight: bold;
     font-size: 16px;
     color: white;
     text-align: center;
}
.footer-3rd-column h2 {
     font-family: calibri, verdana;
     font-weight: bold;
     font-size: 16px;
     color: white;
     text-align: center;
}
.footer-4th-column h2 {
     font-family: calibri, verdana;
     font-weight: bold;
     font-size: 16px;
     color: white;
     text-align: center;
}
.footer-1st-column a { 
    font-family: calibri, verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-decoration: none; 
}
.footer-2nd-column a { 
    font-family: calibri, verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-decoration: none; 
}
.footer-3rd-column a { 
    font-family: calibri, verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-decoration: none; 
}
.footer-4th-column a { 
    font-family: calibri, verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-decoration: none; 
}
.footer-4th-column p { 
    font-family: calibri, verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
a:hover {
	background-color: red;
}

/* for 950px or less */
@media screen and (max-width: 868px) {
    .footer-1st-column {
    	width: 100%;
        float: none;
        text-align: center !important;   
    }
    .footer-2nd-column  {
    	width: 100%;
        float: none;
        text-align: center !important;
    }
    .footer-3rd-column {
    	width: 100%;
        float: none;
        text-align: center !important;
    }
     .footer-4th-column {
    	width: 100%;
        float: none;
        text-align: center !important;
    }   
}