/* Add here all your CSS customizations */
.info-section-header1 {
    background: linear-gradient(to bottom, #890F10, #5C0A0A);
    color: #fff;
    text-colo
    outline: none;
    margin-bottom: 20px;
    transition: all 500ms;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
    cursor: pointer;
    padding: 10px 0 10px 12px;
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    position: relative;
    justify-content: space-between;
    font-style: strong;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important;
}

@media screen and (max-width: 480px) {
.screen-only {
	display: none;
}
.mobile-only {
	display: block;
}
}

@media screen and (max-width: 1200px) {
.screen-only-menu {
	display: none;
}
}
@media screen and (max-width: 991px) {
	#headerCTA {
		display: none;
	}
	#header .header-row,
	html.history.svg.video.supports.boxshadow.csstransforms3d.csstransitions.backgroundcliptext.gecko.win.js.sticky-header-mobile-disabled body div.body header#header div.header-body.border-color-primary.border-top-0.box-shadow-none div.header-nav-bar.bg-primary div.container {
		display: block !important;
	}
	html.history.svg.video.supports.boxshadow.csstransforms3d.csstransitions.backgroundcliptext.gecko.win.js.sticky-header-mobile-disabled body div.body header#header div.header-body.border-color-primary.border-top-0.box-shadow-none div.header-nav-bar.bg-primary div.container div.header-row div.header-column div.header-row div.header-colum.order-2.order-lg-1 {
		width: 100%;
		float: right !important;
		display: block !important;
	}
	.header-nav #hide {
		display: block !important;
		width: 90%;
	}
	form[name="InterchangefrmSearchBox1"] {
		display: block;
		float: left;
		width: 100%;
	}
	.header-nav #keyword {
		width: 100%;
		padding: 5px;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 0px !important;
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 0px !important;
		border: 1px solid #fff;
	}
	.header-nav form[name="InterchangefrmSearchBox1"] .btn {
		border: 1px solid #fff;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 5px !important;
	}
}
@media screen and (max-width: 980px) {
.screen-only-good {
	display: none;
}
}

@media screen and (max-width: 1320px) {
.screen-head {
	display: none;
}
.mobile-only {
	display: block;
}
}
@media screen and (max-width: 1092px) {
.screen-email {
	display: none;
}
.mobile-only {
	display: block;
}
}
@media screen and (max-width: 479px) {
.screen-ph {
	display: none;
}
.mobile-ph {
	display: block;
}
}

  @media(min-width:575px) {
        #hide{display:none;}
        }
 @media(min-width:473px) {
        #hidephone{display:none;}
        }
@media(max-width:573px) {
        #hideicon{display:none;}
        }
		
		
/*= Responsive Header - Russ Powers 5/22/22
============================================================ */
#masthead {
	margin: 20px auto;
	width: 1200px;
}
#site-title {
	float: left;
	width: 34%;
}
#site-title img {
	height: 100%;
	width: auto;
}
#site-description {
	font-size: 14px  !important;
	font-family: Arial, sans-serif  !important;
	width: 64%;
	clear: right;
	float: right;
	padding-right: 20px;
	color: #333  !important;
}
#site-description a {
	text-decoration: none;
	color: #8b0902
}
#site-description #sd {
	float: left;
	width: 33%;
	padding: 1%;
	font-size:14px  !important;
}
#site-description #sd i {
	color: #8b0902;
	float: left;
	font-size: 2.3em !important;
	padding-right: 10px;
	padding-top: 5px;
}
#site-description #sd.one span.title {
	font-weight: 600;
	color: #000;
}
#site-description #sd.one span {
	color: #777;
}
#site-description #sd.one span strong {
	color: #000;
}
#site-description #sd.one a {
	color: #333;
}
#site-description #sd.one a:hover {
	text-decoration: underline;
}
#site-description #sd.two {
	font-size: .75rem;
	line-height: 1.3;
	color: #999;
}
#site-description #sd.two a {
	font-size: .9rem;
	color: #000;
}
#site-description #sd.three {
	font-size: .75rem !important;
	line-height: 1.3 !important;
	color: #999 !important;
}
#site-description #sd.three a {
	font-size: .9rem;
	color: #000;
}
#site-description #sd.three form {
    text-align: left;
    margin-top: 20px;
}
#site-description #sd.three form #keyword {
	width: 59%;
	padding: 7px;
	top: 1px;
	position: relative;
}
#site-description #sd.three form .btn {
    font-size: 7px;
    color: #777;
    text-align: center;
    padding: 9px 16px;
    margin: 0 0 0 0;
    top: 1px;
    position: relative;
    background: #fff;
    border: 1px solid;
    border-color: #d9d9d9 #d9d9d9 #bfbfbf;
    border-radius: .25rem;
}
#site-description #sd.three form .btn i {
    color: #777;
    font-size: .8rem !important;
    padding: 0;
}
#site-description .mobile-naps {
	display: none;
}

@media screen and (max-width: 1175px) {
	#masthead {
		width: 100%;
	}
}
@media screen and (max-width: 994px) {
	#site-title {
		width: 100%;
		text-align: center;
	}
	#site-description {
		width: 100%;
		padding: 0 0 0 0;
		margin-top: 30px;
		text-align: center;
	}
	#site-description #sd i {
		display: block;
		float: none;
		padding: 0 0 0 0;
	}
	#site-description #sd.three form {
		text-align: center;
		margin-top: 10px;
	}
}
@media screen and (max-width: 700px) {
	#site-description #sd {
		display: none;
	}
	#site-description .mobile-naps {
		display: inline-block;
		width: 100%;
	}
	#site-description .mobile-naps i {
		padding: 0 17px;
		font-size: 24px;
		color: #8b0b04;
	}
}