/* Table of Contents ================================================== #Footer #Footer Alternate #Media Queries */ /* #Footer ================================================== */ .footer { background-color: rgba(46,49,51,1); color: rgba(119,126,131,1); padding: 60px 0 50px 0; } .footer a { color: rgba(255,255,255,1); opacity: 0.8; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,1); } .footer a:hover { opacity: 1; } .footer h5 { color: rgba(119,126,131,1); font-size: 13px; font-weight: bold; letter-spacing: 2px; margin-bottom: 10px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,1); } .footer ul { list-style-type: none; } .footer li { color: rgba(255,255,255,1); font-size: 15px; text-shadow: 0 1px 0 rgba(0,0,0,1); } .footer small { border-top: 1px solid rgba(58,62,64,1); display: block; font-size: 12px; margin-top: 48px; padding-top: 48px; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,1); } /* #Footer Alternate ================================================== */ .footer-alt { border-top: 1px solid rgba(236,238,241,1); color: rgba(150,150,150,1); margin-top: 60px; padding: 30px 0 100px 0; } .footer-alt a { color: rgba(150,150,150,1); opacity: 0.8; text-decoration: none; } .footer-alt a:hover { opacity: 1; } .footer-alt ul { float: left; list-style-type: none; } .footer-alt li { display: inline-block; font-size: 13px; margin-right: 20px; } .footer-alt li:last-child { margin-right: 0; } .footer-alt small { display: inline-block; float: right; font-size: 13px; opacity: 0.8; text-align: center; } /* #Media Queries ================================================== */ @media only screen and (max-width: 767px) { .footer h5 { margin-bottom: 0; } .footer li { display: inline-block; margin: 0 10px 10px 0; } .footer-alt ul { float: none; text-align: center; } .footer-alt li { display: inline-block; margin: 0 10px 15px 0; } .footer-alt small { display: block; float: none; text-align: center; } }