.footer { width: 100%; padding-top: 40px; padding-bottom: 40px; background: $main-dark-color; float: left; &__content { height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto; width: calc(80% - 80px); &__item { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; .brand { text-transform: uppercase; font-size: 25px; label { text-decoration: underline; } } .contact { padding: 0px 5px; -webkit-flex: 1; -ms-flex: 1; flex: 1; .title { text-transform: uppercase; border-bottom: 1px solid #fff; } .info { font-family: $AkzidenzGroteskStd-Regular; font-size: 12px; } label:not(:first-child) { display: block; } label:nth-child(2) { margin-top: 10px; } } &:last-child { margin: 0px -100px; } } } } @media all and(max-width: $desktop-lg) { .footer { &__content { display: block; &__item { .contact { padding: 0px; } } &__item:last-child { margin: 0px; margin-top: 30px; } } } } @media all and(max-width: $desktop-sm) { .footer { &__content { width: calc(100% - 80px); } } } @media all and(max-width: $tablet) { .footer { &__content { width: calc(100% - 80px); display: block; &__item:last-child { display: block; margin: 0px; .contact { padding: 0px; } .contact:first-child { margin-top: 30px; } .contact:not(:first-child) { margin-top: 30px; } } } } }