@massds/mayflower-assets
Version:
Mayflower Assets
100 lines • 1.96 kB
CSS
.ma__footer-new {
background-color: #F2F2F2;
}
.ma__footer-new__container {
margin-right: auto;
margin-left: auto;
max-width: 1320px;
padding-left: 20px;
padding-right: 20px;
display: flex;
padding-top: 2rem;
padding-bottom: 1rem;
}
@media (min-width: 781px) {
.ma__footer-new__container {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 911px) {
.ma__footer-new__container {
padding-left: 40px;
padding-right: 40px;
}
}
.ma__footer-new__container::after {
clear: both;
content: "";
display: block;
}
@media (max-width:780px) {
.ma__footer-new__container {
flex-direction: column;
}
}
.ma__footer-new__logo {
width: 120px;
margin-right: 40px;
min-width: 45px;
}
@media (min-width: 1201px) {
.ma__footer-new__logo {
width: 170px;
}
}
@media (max-width:780px) {
.ma__footer-new__logo {
width: 100%;
}
}
@media (max-width:780px) {
.ma__footer-new__logo img {
width: 60px;
}
}
.ma__footer-new__navlinks {
margin-bottom: 1rem;
display: flex;
}
@media (max-width:620px) {
.ma__footer-new__navlinks {
flex-direction: column;
}
}
@media (min-width: 621px) {
.ma__footer-new__navlinks > div:not(:first-child) {
margin-left: 2.5rem;
}
}
@media (max-width:620px) {
.ma__footer-new__navlinks > div {
margin-top: 0.5rem;
}
}
.ma__footer-new__navlinks > div > a {
border-bottom: 3px solid transparent;
padding-top: 3px;
padding-bottom: 1px;
transition: border 0.4s ease;
text-decoration: none;
padding-bottom: 3px;
color: #141414;
font-weight: 500;
}
.ma__footer-new__navlinks > div > a:hover {
border-bottom-width: 3px;
border-bottom-style: solid;
text-decoration: none;
}
.ma__footer-new__navlinks > div > a:hover {
border-bottom-color: rgba(20, 20, 20, 0.5);
}
.ma__footer-new__copyright {
font-size: calc(13.5rem / 16);
color: #535353;
font-weight: 400;
}
.ma__footer-new__copyright--bold {
font-weight: 500;
}