.footer{color:#fff;font-size:14px;width:80%;margin:auto;padding-top:2em;padding-bottom:2em;overflow:hidden}.red .footer{background-color:#fa5447}.blue .footer{background-color:#0070cc}.footer h3{margin:0;text-transform:uppercase;font-size:18px;color:#fff;letter-spacing:2px}.footer .left,.footer .right{margin-bottom:2em;width:100%;overflow:hidden}.footer .left .contactinfo{width:100%;overflow:hidden;margin-top:1em}.footer .left .contactinfo .floatright{display:inline-block;text-align:right;float:right}.footer .left .contactinfo .floatleft{display:inline-block;text-align:left;float:left}.footer .left .contactinfo a{display:block}.footer .right{width:100%}.footer #pageinfo{width:100%;margin:0 auto;font-size:16px;overflow:hidden}.footer #pageinfo a,.footer #pageinfo span{display:block}@media (min-width:750px){.footer{width:606px}.footer .left{float:left;width:40%}.footer .left .contactinfo .floatright{float:left;text-align:left}.footer .right{float:left;width:60%}.footer #pageinfo{float:right;text-align:right}}@media (min-width:920px){.footer{width:800px;font-size:18px}.footer .contact{font-size:18px}}@media (min-width:1100px){.footer{width:932px;font-size:24px}.footer .contact{font-size:24px}}