/******************* Styles for announcement section of 2025 safer 6 campaign page *******************/
#safer6-banner {
    max-width: 34.875rem;
    width: 66.6666%;display: block; 
    background-color: #508328;
    padding: 2rem 3rem; 
    border-radius: 1rem;
    margin-top: 4rem;
    margin-bottom: 3rem;
}
#safer6-banner h2 {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0;
}
#safer6-banner a {
    color: #feed05;
    text-decoration: underline;
}
#safer6-banner a:hover {
    text-decoration: none;
}
/******************** Responsive CSS ********************/
/* Tabs */
@media (max-width: 768px) {
    #safer6-banner {
        width: 64%;
        margin-top: -1rem;
        margin-bottom: 5rem;
        position:relative;
        top: 2rem;
    }  
}
/* Mobile */
@media (max-width: 480px) {
    .page-content:has(#safer6-banner) > .image--feature:first-child {
        float: none;
        max-width: 100%;
        width: auto;
        margin: auto;
    }
    #safer6-banner {
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 5rem;
    }
}