www-new/components/Footer.module.css

43 lines
723 B
CSS

.footer {
box-sizing: border-box;
background: var(--primary-heading);
padding: 1rem 0;
width: 100%;
}
.container {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
max-width: calc(1440rem / 16);
padding: 0 calc(48rem / 16);
margin: 0 auto;
height: 100%;
}
.text {
color: var(--primary-background);
font-style: normal;
text-align: center;
}
.email {
color: unset;
text-decoration: unset;
}
@media only screen and (max-width: calc(768rem / 16)) {
.footer {
padding: 2rem 0;
height: unset;
}
.container {
flex-direction: column-reverse;
justify-content: space-around;
gap: 1rem;
padding: 0 calc(24rem / 16);
}
}