.hero-image{
    max-height: calc(100vh - 60px);
    height: calc( 100vw /2);
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 100%;
}

.hero-text h1{
    font-family: 'Crackhouse';
    font-size: 7vmax;
    background: -webkit-linear-gradient(#f0c218, #e95c06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-text h2{
    font-size: 3vmax;
}

.hero-text {
    top: 20%;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="hero-text"] {
        top: 50%;
    }
  }
.main-content{
    margin-top: 10px;
}
.promo{
    color: black;
    text-decoration: none;
    text-align: center;
}
.promo:hover{
    color:#daa12b
}

.promo:focus{
    color:#976e1b
}

.promo:hover .card{
    border-color:#daa12b
}

.promo:focus .card{
    border-color:#976e1b
}

.circle-holder img{
    border:white 2px solid
}
.promo:hover .circle-holder img{
    border:#daa12b 2px solid
}
.promo:focus .circle-holder img{
    border:#976e1b 2px solid
}
.circle-holder{
    padding-left: 35px;
    padding-right: 35px;
}
.card-with-text{
    padding: 10px;
}
.card-text{
    text-align: left;
}