footer {
	background-color: var(--color-primary-light-gray);
    color: var(--color-primary-gray);
    font-size: 0;
    padding: 5rem 5vw;
}

footer a {
    color: var(--color-primary-gray);
    transition: all .5s ease-out 0s;
    text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

.footer-logo {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.footer-logo img {
    height: auto;
    max-width: 300px;
    width: 100%;
}

.footer-contact {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 8rem;
    vertical-align: top;
    width: 70%;
}

.footer-contact .contact-location,
.footer-contact .contact-tel {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body-small);
    vertical-align: top;
    width: 50%;
}

.footer-contact .contact-social {
    margin-top: 1.5rem;
}

.footer-contact .contact-social .social-icon {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    margin-right: 1rem;
    vertical-align: middle;
    width: auto;
}

.footer-contact .contact-social .social-icon a:hover {
    color: var(--color-primary-black);
}

.footer-copyright {
    font-size: var(--font-body-small);
    margin-top: 1rem;
}

footer ul {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-nav ul {
}

.footer-nav ul li {
	box-sizing: border-box;
	display: inline-block;
	font-size: var(--font-body-small);
	line-height: 1;
	margin: 0;
    padding: 0;
}

.footer-nav ul li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.footer-nav ul li a {
	display: block;
}


/* Tablets - General */

@media (min-width: 768px) and (max-width: 1024px) {

	
}

/* Smartphones - General */

@media (max-width: 767px) {

    .footer-logo {
        display: block;
        margin: 0 auto 2.5rem auto;
        width: 100%;
    }
    
    .footer-logo img {
        display: block;
        margin: 0 auto;
        max-width: 80%;
    }
    
    .footer-contact {
        display: block;
        padding-left: 0;
        width: 100%;
    }
    
    .footer-contact .contact-location,
    .footer-contact .contact-tel {
        display: block;
        text-align: center;
        width: 100%;
    }
    
    .footer-contact .contact-location {
        margin-bottom: 2.5rem;
    }
    
    .footer-contact .contact-social {
        text-align: center;
    }
    
    .footer-contact .contact-social .social-icon {
        font-size: var(--font-body-large);
        margin: 0;
    }
    
    .footer-contact .contact-social .social-icon a {
        display: block;
        text-align: center;
        width: 44px;
    }
    
    .footer-copyright,
    .footer-nav {
        text-align: center;
    }
    
    .footer-nav {
        margin-top: 1.5rem;
    }
    
    
	
}