.hero {
    background-image: url("hero.jpg");
}

img.council-logo {
    padding: 0.5em;
}

#transcript-link {
    text-decoration: underline;
    color: #00637b;
    display: block;
    text-align: center;
}

#council-endorsement-video-container {
    display: grid;
}

#council-endorsement-video-container iframe {
    max-height: 360px;
}

@media (max-width: 1200px) {
    #council-endorsement-video-container {
        margin: auto;
        max-width: 640px;
    }
}

@media (max-width: 640px) {
    #council-endorsement-video-container {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    #council-endorsement-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #transcript-link {
        position: relative;
        width: 100%;
    }
}