.hero-bg {
    background-image: url("/images/hero.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
    line-height: 48px;
    color: #FFFFFF;
    @media screen and (max-width: 991px) {
        height: auto;
    }
}

.eh-logo {
    margin: 68px 0px;
    max-width: 500px;
    width: 100%;
}

.border-top {
    border-top: solid 1px #ffffff;
    margin: auto;
}

.p-top-30 {
    padding: 30px 0px;
    @media screen and (max-width: 991px) {
         padding: 25px 0px 0px;
    }
}

.border-right-white {
    border-right: solid 1px #ffffff;
    @media screen and (max-width: 991px) {
        border-right: none;
    }
}

@media screen and (max-width: 991px) {
    .hero-bg {
            height: auto;
    }
}