@media screen and (min-width: 1080px) {
    
    .homepage-hero-icon img {
        height: 350px;
    }

    .homepage-hero-content {
        height: 480px;
        max-height: 480px;
    }

    .podcast-ctas {
        margin-left: -1rem;
        width: calc( 100% + 2rem );
    }

    .blog-index li a {
        grid-template-columns: 25% 1fr;
    }

    .icon-links ul {
      grid-column-gap: 4rem;
    }
}

@media screen and (min-width: 1280px) {
    
    #footer-graphic {
        background-position: right bottom;
        background-size: contain;
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }

    .bios-section.partners .bio {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .bios-section.partners .headshot {
        height: 100%;
        padding: 0;
    }
    
}