.footer{

background-color: $background;
padding: 36pt 0;

}

.footer__inner{

display: flex;
justify-content: space-between;
flex-direction: column;
@include tablet{
        flex-direction: row;
}

}

.footer__textLogo{

flex-shrink: 0;
padding-right: 16pt;
display: block;
cursor: pointer;
color: $primary;
font-size: 1.225rem;
min-width: 33%;
margin-bottom: 1.5rem;
@include tablet{
        margin-bottom: 0;
}
@include desktop{
        min-width: 25%;
        font-size: 1.325rem;
}

}

.footer__data{

display: flex;
flex-grow: 1;
justify-content: space-between;
padding-top: 0.25rem;
flex-wrap: wrap;
flex-direction: column;
font-size: 0.9rem;
@include desktop{
        flex-wrap: nowrap;
        flex-direction: row;
}

}

.footer__data__item{

padding-bottom: 0.5rem;
display: inline-block;
margin-bottom: 8pt;

}

.footer__link{

color: $primary;
border-bottom: 1px dotted $primary;
padding-bottom: 1pt;
transition: 0.7s;
@include desktop{
        &:hover{
                color: #fafafa;
                border-color: #fafafa;
        }
}

}

.footer__row{

margin-bottom: 8pt;

}

/*— Modifiers—*/ .footer–dark{

background-color: $background-dark;
.footer__textLogo{
        color: #fff;
}
.footer__inner{
        color: darken(#fff,15%);
}
.footer__link{
        color: darken(#fff,15%);
        border-color: darken(#fff,15%);
        @include desktop{
                &:hover{
                        color: #fff;
                        border-color: #fff;
                }
        }
}

}