@charset "UTF-8";
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bernard Gothic URW", "Helvetica Bold", "Helvetica Neue Bold", sans-serif;
}
/* CSS Document */

.bg-primary {
  background-color: #663333!important;
  padding-top: 2em; padding-bottom: 2em;
}
.section-bg {
    color: #CC3366
}

a {
    color: #CC3366
}
a:hover {
    color:#B7CF47}

.btn-primary {
    background-color: #663333;
    size: auto
}
.section-heading {color: #FFFFFF 
}
.mb-4 {
    color: #FFFFFF}

.btn-primary:hover {
    background-color: #918B37 !important;
}
.btn-primary:focus {
    background-color: #cc3366 !important;
}

.portfolio-box-caption:hover {
background:rgba(51,153,255,0.50);
}
.fa-medium:before {
	color: #00db89;
}
.fa-facebook:before {
	color: #3671EF;
}

/*.header.masthead {
  background-image: none;
}
#headline.container.my-auto {
	position:relative;
	top: 5em;
}*/
.subhead {
    color: #FFFFFF;
    font-size: 16 px;
    font-family: Bernard Got
        ;
}

header.masthead {
        padding: 0 0 40px 0 !important;
        height: auto !important;
}

@media only screen and (min-width:1800px) and (max-width: 2099px) {
	#image-spacer {
		min-height:	325px;
	}
}

@media only screen and (min-width:1200px) and (max-width: 1799px) {
	#image-spacer {
		min-height:	275px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#image-spacer {
		min-height:	265px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#image-spacer {
		min-height:	200px;
	}
}

@media only screen and (max-width: 767px) {
	#image-spacer {
		min-height:	230px;
	}
}