.homepage-banner {
    display: flex;
    align-items: start;
    margin: 0 auto;
    background-position: center;
    background-size: 100%;
    justify-content: space-between;
    font-size: 1.2rem;
}

@media screen and (min-width: 1150px) {
    .homepage-banner {
        height: 420px;
        border: silver solid 1px;
        margin: 0 auto 8px auto;
        width: 900px;
        padding-top: 1rem;
        background-image: url(/wp-content/uploads/2021/08/25162311/39651866835_6912b969f6_k.jpg);
    }
}

@media screen and (max-width: 1149px) and (min-width: 570px) {
    section.homepage-banner {
        width: 600px;
        height: 290px;
        background-image: url(/wp-content/uploads/2021/08/25162311/39651866835_6912b969f6_k.jpg);
        background-position: center;
        background-size: 500px;
    }
}

@media screen and (max-width: 569px) {
    section.homepage-banner {
        width: 300px;
        margin-left: 0 auto;
        height: 200px;
        background-image: url(/wp-content/uploads/2021/08/25162311/39651866835_6912b969f6_k.jpg);
        background-position: center;
        background-size: 400px;
    }
}

.covid {
    font-size: 1rem;
    color: navy;
}

    .covid-19-response,
    .appointment-only {
        background: rgba(173,216,230,0.3);
	margin: 0 10px;
        padding: 0.3rem;
        font-size: 0.8rem;
        z-index: 1000;
    }
    .covid-19-response {
        text-decoration: underline;
        cursor: pointer;
    }

    .site-header .primary-navigation ul li .menu-paw {
        display: none !important;
    }

.covid-19-response a {
    text-decoration: underline;
}


/*
@media screen and (max-width: 569px) {
    .covid {
        margin: 10px auto;
        text-align: center;
        width: 80%;
    }
    .covid-19-response,
    .appointment-only {
        width: 100%;
        padding: 0.2rem;
        font-size: 0.6rem;
        border: solid white 1px;
    }
    .covid-19-response {
        text-decoration: underline;
        cursor: pointer;
        text-align: center;
    }

*/
@media screen and (min-width: 1150px) {
    .covid {
        display: flex;
	justify-content: center;
        margin: 10px auto;
    }

    .covid div {
	border-radius: 10px;
	padding: 0.3rem;
    }
}

@media screen and (max-width: 1149px) and (min-width: 570px) {
    .covid {
	margin: auto;
        display: flex;
	font-size: 0.1rem;
        justify-content: center;
    }
}

    .homepage-full-width.left,
    .homepage-full-width.right,
    div.right {
        display: none;
    }
    .homepage-banner-content,
    .homepage-banner-content h3 {
        display: none;
    }

.cotton-caption,
.cotton-donate,
.cotton-1-time {
    cursor: pointer;
    background-color: white;
    border: solid #A52A2A 1px;
    color: #8B008B;
}

@media screen and (min-width: 1150px) {
    .cotton-caption,
    .cotton-donate,
    .cotton-1-time {
        padding: 0.3rem 0.7rem;
        margin: 2rem 0;
    }
    .cotton-1-time {
        margin-right: 3rem;
    }
    .cotton-caption {
    //    background-image: url(/wp-content/uploads/2020/02/cotton-bkg.png);
        font-weight: bold;
        margin-left: 3rem;
    }
    .cotton-donate {
        align-self: center;
        border-width: 2px;
        margin: 0 3rem;
        font-size: 1.1rem;
        font-weight: bold;
    }
}

@media screen and (max-width: 1149px) and (min-width: 570px) {
    .cotton-caption,
    .cotton-donate,
    .cotton-1-time {
        margin: 1rem 0;
        padding: 0.3rem 0.7rem;
        font-size: 0.8rem;
    }
    .cotton-1-time {
        margin-right: 4rem;
    }
    .cotton-caption {
        background-image: url(/wp-content/uploads/2020/02/cotton-bkg.png);
        font-weight: bold;
        margin-left: 4rem;
    }
    .cotton-donate {
        align-self: center;
        border-width: 3px;
        margin: 0 3rem;
        font-weight: bold;
    }
}

@media screen and (max-width: 569px) {
    .cotton-caption,
    .cotton-donate,
    .cotton-1-time {
        padding: 0.3rem 0.7rem;
        margin: 1rem 0;
        cont-size: 0.4rem;
    }
    .cotton-caption,
    .cotton-1-time {
        display: none;
    }
    .cotton-donate {
        align-self: center;
        border: solid navy 1px;
        border-width: 3px;
        margin: 0 3rem;
        font-size: 1.1rem;
        font-weight: bold;
    }
}

    .homepage-full-width.left,
    .homepage-full-width.right,
    div.right,
    .holiday-2019-popup {
        display: none;
    }
    .homepage-banner-content,
    .homepage-banner-content h3 {
        display: none;
    }