|
|
- .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: 2;
- grid-row: 2;
- }
-
- a, p, p a {
- font-size: 1.5vh;
- }
-
-
-
- }
|