.eye-brow-text {
    text-shadow: 2px 2px 5px #9c9c9c;
}

.card-shadow{
    box-shadow: 2px 0px 10px #cecece;
    border-radius: 10px;
}
.image-border-radius img{
    border-radius: 10px 10px 0px 0px;
}

#g-462636663 a:hover {
    color: #ffffff !important;
}


.height-zero{
    min-height: 0 !important;
}


.form-container, .rsvp-confirmation-container {
    border-color: rgba(255, 254, 253, 0.15) !important;
}
.footer-trademark-link a {
    color: #FFFFFF !important;
}
@media only screen and (max-width: 1300px) {
    .nav-date-text{
        display:none !important;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1149.98px) {
    .top-banner .img{
    }
    .eye-brow-text{
        font-size: 5.5rem !important;
        margin-top: 2rem !important;
    }
    .date-time-loc{
        width: 30% !important;
    }
    .bottom-circle{
        background-size: auto 75% !important;
        background-position: 94% !important;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1199.98px) {
    .top-banner{
        padding-top: 12% !important;
    }
     .top-banner{
        max-height: 100% !important;
        margin-bottom: 5% !important;
    }
    .event-title{
        width: 50% !important;
    }
    .event-time{
        width: 55% !important;
    }
}
@media only screen and (min-width: 800px) and (max-width: 999.98px) {
    .form-side-container{
        width: 100% !important;
    }
    .form-container{
        width: 100% !important;   
    }
}
@media only screen and (min-device-width: 788px) and (max-device-width: 1400px) {
    .event-title{
        width: 60% !important;
    }    
}
@media only screen and (min-width: 2000px) {
   .top-banner{
        padding-top: 8% !important;
    }
}