.masthead {
	background-color: #005b75;
}

.masthead p, .masthead p a {
  color: white;
}

.site-title {
	color: white;
}

.card {
	background: #f4f4f4;
	margin-bottom: 2em;
	border: 1px solid #e6e6e6;
}

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

.card-content {
	padding: 1.4em;
}

.card-content h2 {
	margin-top: 0;
	margin-bottom: .5em;
	font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #c6c6c6;
}

.card-content p {
	font-size: 100%;
}

.card .fa, .fas, .far {
    color: #4b4b4b;
}

#f_locationzip.form-inline{
  display:flex;
}
#f_locationzip .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.zipbtn {
    background-color: #e20018;
    background-image: none;
    color: #fff;
    border: none;
    box-shadow:none !important;
}

.zipbtn:hover {
    background-color: #fff;
    background-image: none;
    border: 2px solid #e20018;
    color: #e20018 !important;
    box-shadow:none !important;  
}

.mx-sm-3 {
    margin-left: 1rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}
.loczip {
    border-radius: 0 !important;    
    padding: 10px !important;
}
.loczip:focus{
  box-shadow:none !important;
}

.vtr_adrrow .cloaked_email {
    color: #e20018;
}
.form-intro {
    padding: 0 0 20px 0;
}
.form-body {
    height: 10vh;
}

/* Flexbox stuff */

@media screen and (min-width: 769px) {
    .cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .card {
        flex: 0 1 calc(50% - 1em);
    }
}

@media screen and (min-width: 60em) {

    .card {
        flex: 0 1 calc(50% - 1em);
    }
}