.hero-1 {
    background-position: center,
    center 0vh;
    background-size: auto,
    cover;
}

.hero-text {
    padding: 0.5% 0;
    margin: auto;
    width: 68%;
    height: 50%;
    max-height: 400px;
    min-width: 780px;
    display: grid;
    grid-template-columns: 35% 65%;
}

.hero-text h1 {
    color: white;
    font-size: 1.2em;
    font-size: 2.75vmin;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
    margin: auto 0;
    
}.hero-text>a, .hero-button {
    background: #fff;
    color: #194FA3;
    text-decoration: none;
    border: 2px solid white;
    border: none;
    padding: 15px 0px;
    border-radius: 10px;
    text-transform: uppercase;
    width: 280px;
    max-width: 80%;
    font-weight: 600;
    display: block;
    text-align: center;
    transition: color .2s, background .2s;
}.hero-text>a:hover {
    color: #fff;
    background: #194FA3;
    box-shadow: 0 4px 12px -4px #000;
}