a.main-logo object { display: none; }
a.main-logo::after {
    content: "Building vegetable farmers resilience to climate change";
    color: #000;
    font-size: 3rem;
    font-weight: bold;
    position: absolute;
    top: 18px;
    left: 20px;
}

@media screen and (max-width: 39.9375em) {
a.main-logo::after {
    content: "Building vegetable farmers resilience to climate change";
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    top: 8px;
    left: 10px;
}
}