.footer {
    background-color: #2D3038;   
    max-width: 100%;   
    margin-top:20px;
    font-size: 0.7em;
    margin-left:auto;
    margin-right:auto;
}

.footer-container{
    max-width: 1100px;   
    margin:auto; 
}

.footer hr{
    display: none;
}

.footer .logo{
    margin: 15px 0px 15px 15px;
    width: 10%;
}
.footer-registered-address {
    color: #e3e3e3;
    display: inline-block;
    line-height: 1.3em;
    margin: 20px; 
    width : 15%;
}
.footer-registered-address p{
    margin: auto;
}

.footer-contact-details{
    display: inline-block;
    line-height: 1.7em;
    margin: 20px; 
    vertical-align: top;
    width: 15%;
}

.footer-company-number {  
    color: #e3e3e3;
    display: inline-block;
    line-height: 1.7em;
    margin: 20px; 
    vertical-align: top;
    width: 30%;
}
.footer-registered-address a, .footer-contact-details a, .footer-company-number a {
    color: #e3e3e3;
    display: block;
}
.footer-social {
    vertical-align: top;
    width: 8%;
    float: right;
}

.footer-social i {
    color: #e3e3e3;
    margin: 20px; 
    padding: 11px 11px 5px 11px;
}

.footer-social i:hover {
    color:#ffffff;
    background-color: #007bb6;
    padding: 11px 11px 5px 11px;
    border-radius: 3px;
}

@media only screen and (max-width: 768px) {
    .footer-registered-address{
        width: 100%;
    }
    .footer-company-number {
        width: 50%;
    }
    .footer-contact-details {
        width: 50%;
    }
    .footer-social{
        width: 20%;
    }
    .footer hr {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .footer-registered-address{
        width: 100%;
    }
    .footer-company-number {
        width: 100%;
    }
    .footer-contact-details {
        width: 100%;
    }
    .footer-social{
        width: 100%;
        float: none;
    }
    .footer hr {
        display: block;
    }
}