.footer-outer {  clear:both; padding: 50px 12px; background:black;}
.footer         { max-width: 1000px; margin: 0 auto;  }
    .footer p.title {
        font-size: 28px;
        font-family: Tinos;
        color: #bfa32f;
    }


.footer-address p { color:white; }


.footer-phones              { max-width: 100%; width: 100%; }
.footer-phones p          { font-family: Lato; text-align:left; font-size: 18px; line-height: 135%; color:white; }
.footer-phones p span   { float: right; display:inline-block; }




.footaddress p { color:#ffffff; font-size: 14px; text-align:right; }
.footaddress .fa  { width: 30px; text-align:center; color:#ffffff; float:left; clear:both; font-size: 30px; margin: 0 8px 0 0;    }








.signature      { clear:both; text-align:center; }
.signature img          { margin: 30px 20px;}



.footer-links {
    border-top: 3px #bfa32f solid;
    clear: both;
    max-width: 1200px;
    padding-top: 18px;
    margin: 20px auto 0 auto;
}
.footer-links p { text-align:center; font-size: 15px; float:none; }
.footer-links a { color:#ffffff; padding: 4px 12px; border-right: 1px #ffffff solid ;  }
.footer-links a:hover { color:#bfa32f;  }



.footer-links a:last-child { border-right: 0px;}







.copyright { padding: 0px; margin: 0; }
.copyright p { font-size: 12px; float:none; color:#ffffff; text-align:center; margin: 0 0 10px 0; font-size: 13px; line-height:200%; }
.copyright a {   }


p.linkback { font-size: 11px; }
p.linkback a { color:#ababab}





.footer .social-icons          { float:none; padding: 10px; width: 100%; display:none; }
.footer .social-icons p         { text-align:center; margin: 0px; float:none;}
.footer .social-icons p .fa         { float:none; }







@media only screen and (max-width: 1000px) 

{


}


@media only screen and (max-width: 890px) 

{

    /* display social and offer id in footer*/
.footer .social-icons,
.offerid-footer         { display: block; }

.offerid            { margin: 0 auto; width: 150px;}


}





@media only screen and (max-width: 700px) 

{
.footer p.title         { font-size: 24px;  }
.footer .col50 p          { font-size: 15px;  }

}









@media only screen and (max-width: 650px) 

{

.footer-links              { border: 0px;}
.footer-links a             { display:block; background-color:#540501; padding: 8px; color:white; border-top: 1px white solid; }
.footer-links a:hover             { text-decoration: none; color:white; background-color:#700b06;  }

}

@media only screen and (max-width: 500px) 

{


.footer .col50           { clear:both; width: 100%; }


}