.hero_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.hero_img {
    width: 100%;
}


.hero_cta {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
}

.hero_cta a {
    text-decoration: none;
    color: black;
}

.hero_cta:hover, .hero_cta:hover a {
    background-color: #000000;
    color: #ffffff;
    transition: color .3s ease;
}

@media screen and (min-width: 700px) {
 .hero_cta {
     font-size: 1.6rem;
     padding: .5rem 3rem;
 }
}