// Footer footer{ margin: 0 40px; border-top: 2px solid $black; padding: 15px 0; font-size: 11px; color: $black; &.on-logout{ width: auto; background: transparent; } .footer-left{ float: left; ul{ margin: 0; padding: 0; li{ margin: 0; padding: 0 5px; list-style: none; float: left; font-size: 10px; border-right:1px solid #000; &:last-child{ border-right:0; } a{ text-decoration: none; text-transform: uppercase; color: $black; &.applied{ background-image: url("../img/applied-alalysis-logo.svg"); background-size: 13%; background-repeat: no-repeat; padding:2px 0 7px 20px; } } } } } .footer-right{ float: right; ul{ margin: 0; padding: 0; li{ margin: 0; padding: 0 5px; list-style: none; float: left; font-size: 10px; border-right:1px solid #000; &:last-child{ border-right:none; padding-right:0px; } a{ text-decoration: none; text-transform: uppercase; color: $black; &.applied{ background-image: url("../img/applied-alalysis-logo.svg"); background-size: 13%; background-repeat: no-repeat; padding:2px 0 7px 20px; } } } } } @media screen and (max-width:945px){ .footer-left{ width:435px; float:none; margin:0 auto; margin-bottom: 20px; } .footer-right{ width:430px; float:none; margin:0 auto; } } @media screen and (max-width:550px){ .footer-left{ width:auto; float:none; text-align:center; margin:0 auto; margin-bottom: 15px; ul{ li{ float:none; border-right:none; margin-bottom:5px; } } } .footer-right{ width:auto; float:none; margin:0 auto; text-align:center; ul{ li{ float:none; border-right:none; margin-bottom:5px; } } } } @media only screen and (max-width:$standard-target-width){ margin: 0 10px; } }