/************************ FOOTER **********************/

#footer {
    margin: 0 auto;
	background: transparent;
	/* font-family: 'Roboto', sans-serif; */
}


.social-container-footer {
    display: flex;
    width: 135px;
    justify-content: space-between;
    margin-bottom: 1rem;
	float: right;
	clear: right;
}

.social-container-footer > p {
	width: 46px;
	height: 45px;
}

.social-container-footer > p a:hover img {
	opacity: .6;
	transition: all .4s;
}



.bottomSMContainer {
	margin-top: 1em;
    clear: both;
    display: inline-block;
    width: 100%;
	
}

.bottomSmIcon {
	float: left;
	margin: .5em .5em 0 0;
}

.bottomSmIcon img {
	width: 20px;
	height: 20px;
	padding: .4em;
	background: transparent;
	border: 2px solid #eeeded;
}

.bottomSmIcon img:hover {
	background: #0f75bc;
	border: 2px solid #0f75bc;
}

#footer-col2 .footerPhone {
	margin-bottom: .35em;
}

#footer-col2 .footerPhone a {
	font-size: 1.75em;
	font-weight: 700;
	color: #eeeded;
}

#footer-col2 .footerPhone a:hover {
	color: #0f75bc;
}



.copyrightContainer {
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
	margin-top: 2rem;
}


.copyrightLeft {
	float: left;
	width: 64.6%;
	padding: .9em 0;
	font-weight: 400;
}

.copyrightRight {
	float: left;
	width: 30%;
	text-align: left;
	padding: .9em 0;
	font-weight: 400;
}



/* .social-media-container {
	margin-top: 5rem;
} */



/* .fab is the social media icons in footer */
.fab, .fas {
    /* font-family: "Font Awesome 5 Brands"; */
	font-size: 1.5rem;
	color: #5b2d83;
	margin-left: 1rem;
	transition: all 0.4s;
}

.fab:hover,
.fas:hover {
	color: white;		/* COLOR ON HOVER */
	transition: all 0.4s;
}


/*********************** MEDIA QUERIES **********************/

@media only screen and (min-width : 1px) and (max-width : 1185px) {
	body {-webkit-text-size-adjust: none;}
}

@media (min-width: 1px) and (max-width: 549px) {



}


@media (min-width: 550px) and (max-width: 1185px) {
	

}


@media (min-width: 1186px) {


}

@media (min-width: 1186px) and (max-width: 1230px) {
	


}




@media only screen and (max-width: 1142px) {
	.fab, .fas {
		margin-left: 0;
		margin-right: 1rem;
	}	
}