You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.5 KiB
95 lines
1.5 KiB
.footer_container {
|
|
display: grid;
|
|
grid-template-columns: repeat(2,1fr);
|
|
grid-template-rows: repeat(3, 1fr);
|
|
justify-items: center;
|
|
align-items: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.footer_container p {
|
|
grid-column: 1/3;
|
|
grid-row: 1;
|
|
color: #5c5d61;
|
|
font-size: 1.35vh;
|
|
}
|
|
|
|
.footer_container #l1 {
|
|
grid-column: 1;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.footer_container #l2 {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.footer_container #l3 {
|
|
grid-column: 2;
|
|
grid-row: 3;
|
|
}
|
|
|
|
.footer_container #l4 {
|
|
grid-column: 1;
|
|
grid-row: 3;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #5c5d61;
|
|
font-size: 1.35vh;
|
|
transition: .3s;
|
|
}
|
|
|
|
p a {
|
|
font-size: unset;
|
|
color: #a8acb0;
|
|
}
|
|
|
|
a:active {
|
|
opacity: 70%;
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.footer_container {
|
|
grid-template-columns: repeat(4,1fr);
|
|
grid-template-rows: 1fr;
|
|
justify-items: center;
|
|
align-items: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.footer_container p {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
color: #5c5d61;
|
|
font-size: 1.35vh;
|
|
}
|
|
|
|
.footer_container #l1 {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.footer_container #l2 {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.footer_container #l3 {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.footer_container #l4 {
|
|
grid-column: 1/5;
|
|
grid-row: 2;
|
|
}
|
|
|
|
a, p, p a {
|
|
font-size: 1.5vh;
|
|
}
|
|
|
|
|
|
|
|
}
|