REAL HASTA LA MUERTE .text-banner { font-family: 'secondary', sans-serif; /* Replace 'secondary' with the actual font name */ color: #FFFFFF; font-size: 3em; text-align: center; /* Center the text horizontally */ } .learn-more-button-banner { background-color: black; color: #FFFFFF; border: none; padding-right:20px; Padding-left:20px; Padding-top:10px; padding-bottom:10px; border-radius: 5px; cursor: pointer; font-family: 'Arial', sans-serif; font-size: 1.3em; text-transform: uppercase; display: block; /* Make button block to occupy full width */ margin: 0px auto; /* Add margin to center button and provide some space between the elements */ } .learn-more-button-banner:hover { background-color: #808080; } .silo-desc { display: flex; /* Enables flexbox */ flex-direction: column; /* Stacks children vertically */ justify-content: center; /* Center vertically */ align-items: center; /* Center horizontally */ position: absolute; top:70%; width:100% } @media (max-width: 768px) { .text-banner { font-size: .6em; /* Smaller font size for mobile */ } .learn-more-button-banner { font-size: 0.4em; /* Smaller font size for mobile */ padding-right:5px; Padding-left:5px; Padding-top:5px; padding-bottom:5px; } .silo-desc { top: 60%; /* Adjust position for mobile */ padding: 0 10px; /* Add padding to ensure content doesn't touch the screen edges */ } }