body {
  font-family: Sans-Serif;
  background: url("../images/footer_sharon.jpg") no-repeat center bottom fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

h1, h2, h3, h4, h5, h6 {
		font-family: 'Sanchez', serif;
}

.nav_bar {
	background: #D12525;
}

.nav_bar a{
	color: white;
	font-size: +1;
}

.blog-spot	{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.crumb {
	color: #D12525;
	font-weight: bolder;
}

.crumb:hover {
	color: darkred;
}

.footer-link {
	font-size: large;
	color:  #D12525;
	font-family: 'Sanchez', serif;
}

.btn {

	white-space: normal !important;
	word-wrap: break-word;
	word-break: normal;
}

.bar-text {
background-image: linear-gradient(      to bottom,       #D12525,       rgba(134,28,28,1));
background-color: black;
color: white;
}

.accent-line {
/* color: white; */
color: white;
}

.nav-link {
	color: white !important;
	padding: .4rem .9rem !important;
}

.navbar-nav a {
	color: white !important;
}

.navbar-nav a:hover {
	background: linear-gradient(210deg, rgba(225,225,225,0.15) 0%, rgba(225,225,225,0) 100%);
	color: #EFEFD5 !important;
	border-radius: 6px;
}

p {
    line-height:175%;
}

.indent {
    text-indent:30px;
	
}

.headspot {
	background: url(../images/sharon.webp) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.header {
	max-width: 75%;
}


h5.linkedinlink a{
	color: #D12525;
}

h5.linkedinlink a:hover{
	color: darkred;
}

.CTA	{
	/* background-color: #efefef; */
	padding: 5rem 0 5rem 0;
	background: #D12525 url(../images/mic_replace.webp) fixed top center;
	background-size: cover;
	color: white;
}

.cta-btn {
	/* color: #D12525; */
	color: white;
	padding: 15px 20px;
	font-size: 20px;
	border-radius: 28px;
	/* width: 140px; */
	border:1px solid #f44336;
	transition: 0.3s;
}
.cta-btn:hover{
	background:#D12525;
	color:#dedede;
	text-decoration: none;
	border:1px solid #D12525;
}
.contact-email a {
	color: #D12525;
}

.contact-phone a {
		color: #D12525;
}

#contact .form #sendmessage {
  color: #73C2BE;
  border: 1px solid #73C2BE;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

#contact .form button[type="submit"] {
  background: #D12525;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

.face {
	max-width: 60%;
}

.error-link a {
    color: red !important;
}

.error-link a:hover {
    color: darkred !important;
}

input.myb {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}


#contact .form button[type="submit"]:hover {
  background: #9B1B1B;
}
@media (max-width: 768px) {
	.face {max-width: 80%;}
}
@media (max-width: 544px) {
  h1 {font-size:2.2rem;} /*1rem = 16px*/
  h6 {font-size:1.0rem;} /*1rem = 16px*/
}

@media (min-width: 544px) {
  h6 {font-size:1.1rem;} /*1rem = 16px*/
}