.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: 3; color: #5c5d61; font-size: 1.35vh !important; } .footer_container #l1 { grid-column: 1; grid-row: 2; } .footer_container #l2 { grid-column: 2; grid-row: 1; } .footer_container #l3 { grid-column: 2; grid-row: 2; } .footer_container #l4 { grid-column: 1; grid-row: 1; } .footer_container #l4 a { color: #b0afd0; } .footer_container a { position: relative; z-index: 150 } 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: 2; 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; grid-row: 1; } a, p, p a { font-size: 1.5vh; } } @media(min-width:768px) { .footer-container p { grid-row: 3; grid-column: 1; } }