footer {
background-color: #E45A2C;
color: #FFFFF8;
height: min(72.5vw, 745px);
position: relative;
}
.footer-info {
padding-top: 43px;
}
.footer-logo {
padding-left: 51px;
}
p {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-size: 19px;
line-height: 102%;
letter-spacing: 0;
text-align: justify;
}
.text {
width: 348px;
padding-left: 53px;
}
.text p {
margin-top: 16px;
margin-bottom: 35px;
letter-spacing: 0.3px;
}
.contact-info {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: min(5.3vw, 53px);
width: min(34.8vw, 348px);
}
.contact p, .info p {
margin-top: 0;
margin-bottom: 0;
}
.info {
display: flex;
align-items: flex-end;
}
.info p {
text-align: end;
color: #FFFFF8;
}
.partners {
padding-left: min(5.1vw, 51px);
padding-bottom: min(5.3vw, 53px);
position: absolute;
bottom: 0;
}
.partners p {
margin-top: 0;
margin-bottom: -32px;
}
.partners-logo {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-right: 365px;
}
.partners-logo img {
margin-right: min(5vw, 50px);
margin-top: 50px;
}
.policy {
padding-bottom: min(5.3vw, 53px);
padding-right: min(5.1vw, 51px);
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: flex-end;
flex-direction: column;
}
.policy a, .policy p {
text-decoration: none;
margin-top: 20px;
margin-bottom: 0;
color: #FFFFF8;
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-size: min(max(16px, 1.7vw), 19px);
line-height: 102%;
letter-spacing: 0;
}
.policy p .granissat {
text-decoration: underline;
}
.volunteer img {
width: 190px;
}
.grani img {
width: 210px;
}
@media (max-width: 1000px) {
footer {
height: 650px;
margin-bottom: 66px;
}
.footer-logo {
padding-left: 20px;
}
.footer-logo img {
height: 20px;
}
.info p {
text-decoration: none;
}
.text {
width: 280px;
padding-left: 22px;
}
.text p {
margin-top: 20px;
}
.contact-info {
width: 280px;
padding-left: 22px;
}
.partners {
right: 0;
padding-right: 20px;
padding-bottom: 20px;
width: 100px;
}
.partners p {
margin-top: 0;
margin-bottom: 0px;
font-size: 16px;
}
.partners-logo {
display: flex;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
margin-right: 0;
}
.partners-logo img {
margin-right: 0;
margin-top: 20px;
width: 100px !important;
}
.policy {
right: unset;
left: 0;
align-items: flex-start;
width: 180px;
padding-left: 20px;
padding-bottom: 20px;
}
.policy a, .policy p {
margin-top: 25px;
}
}