h2 a { display: flex; justify-content: flex-end; padding-right: 20px; position: relative; top: -55px; } @media screen and (max-width: 768px) { .container { display: flex; flex-direction: column; align-items: flex-start; } h2:last-of-type { display: block; text-align:Left; padding-right: 0; margin-top:10px; } h2:last-of-type a { position: static; font-size: 1.9rem; padding-left:0; } h2 a { top: 0; } } /*This is for space around my widget */ .nd-banner-spacing { margin-left:20px; margin-top:20px; margin-right:20px; margin-bottom:20px; } .nav-links a { color: white; text-decoration: none; padding: 12px 18px; background-color: #142d32; border-radius: 4px; transition: background-color 0.3s ease; font-weight: bold; /* Add this line */ } .banner-container { display: flex; justify-content: center; align-items: center; } .choose-logos-container { display: flex; justify-content: flex-end; /* Push everything to the right */ align-items: center; flex-wrap: wrap; padding: 20px 0; gap: 10px; /* space between text and logos */ } .choose-text { font-weight: bold; font-size: 1.1em; white-space: nowrap; } .logos { display: flex; gap: 15px; } .logos img { height: 50px !important; width: auto !important; object-fit: contain; margin: 0; } /* Stack on mobile */ @media (max-width: 600px) { .choose-logos-container { flex-direction: column; align-items: center; text-align: center; } .logos { flex-direction: column; align-items: center; margin-top: 5px; } }