body {
	font-family:"Lexend",sans-serif;
	background:#000;
	color:#FFF;
}

a {
	color:#cf4545;
}

#logo {
	position:relative;
	z-index:1500;
}

#phonetop {
	padding-left:5px;
}

/**NAVBAR**/

.has-sub>a>i {
	font-size:.7rem;
}

#socialphone a {
	color:#FFF;
}

.herotext {
	font-weight:800;
	text-shadow:2px 2px 10px rgba(0, 0, 0, .8);
}

#footer-outer {
	background:#151515;
}

#logo-btm {
	max-width:80%;
}

.btmnav a {
	display:block;
	text-decoration:none;
	font-weight:600;
	color:#FFF;
}

footer a {
	color:#FFF;
}

h1 {
	font-size:32px;
	border-bottom: 1px solid #871414;
	padding-bottom:20px;
	margin-bottom:20px;
}

h1 small {
	font-size:22px;
}

h2 {
    font-size:24px;
    color:#cf4545;
}

.homeimg {
	background-image:url(../images/homepic.jpg);
	background-size:cover;
	box-shadow:5px 5px 0px #871414;
}

/************************/
/**SIZE SPECIFIC STYLES**/
/************************/


/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	
	
	#page-wrap{
		transition:filter .3s;
	}
	#page-wrap.navactive {
		filter: blur(5px);
	}
	
	#topnav {
		transition: .3s;
		z-index: 1000;
	}
	
	#nav-wrap {
		position: fixed;
		top: 0;
		right: -100%;
		left: 100%;
		bottom: 0;
		transition: .3s;
		background: rgba(0, 0, 0, .85);
		z-index: 2000;
		padding-top: 45px;
	}
	
	.topnav_ul {
		margin: 0;
		padding: 0;
	}
	
	.topnav_ul li {
		list-style: none;
	}
	
	.topnav_ul li a {
		text-decoration:none;
		display: block;
		font-size: 19px;
		color: #fff;
		padding: 8px 15px;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		transition: .3s;
	}
	
	.topnav_ul li a:hover {
		text-decoration: none;
		background: rgba(0, 0, 0, .5);
	}
	
	#navbtn {
		display: block;
		width: 25px;
		height: 25px;
		position: absolute;
		z-index: 9000000;
		right: 15px;
		top: 15px;
		cursor: pointer;
		transition: .3s;
	}
	
	#navbtn .bar1, #navbtn .bar2, #navbtn .bar3 {
		content: "";
		display: block;
		height: 2px;
		width: 100%;
		position: absolute;
		background: #FFF;
		transition: .3s;
		outline: 1px solid #00542b;
	}
	
	#navbtn .bar1 {
		top: 2px;
	}
	
	#navbtn .bar2 {
		top: 12px;
		opacity: 1;
	}
	
	#navbtn .bar3 {
		bottom: 1px;
	}
	
	.navactive #navbtn .bar2 {
		opacity: 0;
	}
	
	.navactive #navbtn .bar1 {
		transform: rotate(45deg) translateY(8px) translateX(6px);
		outline: none;
	}
	
	.navactive #navbtn .bar3 {
		transform: rotate(-45deg) translateY(-8px) translateX(6px);
		outline: none;
	}
	
	.navactive #navbtn {
		display: block;
	}
	
	.navactive #nav-wrap {
		right: 0;
		left: 0;
	}
	
	.sub-wrap {
		display: grid;
  		grid-template-rows: 0fr;
		transition:.3s;
	}
	
	.sub-menu {
		overflow:hidden;
		padding-left:0;
	}
	
	.sub-menu a {
		padding-left:1.5rem!important;
	}
	
	.has-sub.hsactive .sub-wrap {
		grid-template-rows: 1fr;
	}

	#headertop {
		background:#871414;
	}
	
	#socialphone {
		font-size:30px;
	}
	
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	#topnav {
		position:relative;
		z-index:1000;
		background:#871414;
		transition:.3s;
		display:block;
	}

	.topnav_ul {
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	.topnav_ul:hover {
		overflow:visible;
	}
	
	.topnav_ul>li {
		margin:0;
		padding:0;
		display:inline-block!important;
		list-style:none;
		position:relative;
	}

	.topnav_ul>li>a {
		display:block;
		position:relative;
		font-size:16px;
		color:#FFF;
		text-align:center;
		transition:.3s;
		padding:8px 15px;
		text-decoration:none;
	}
	
	.topnav_ul>li>a::after{
		position:absolute;
		right:0;
		display:block;
		content:"";
		width:1px;
		top:10px;
		bottom:10px;
		background:#943e3e
	}

	.topnav_ul>li:last-child>a::after{
		display:none;
	}

	.topnav_ul>li:hover>a {
		text-decoration:none;
		background:#610000;
	}
	
	
	.sub-wrap {
		display:block;
		position:absolute;
		top:100%;
		left:0;	
		z-index:-100;
		opacity:0;
		transition:opacity .3s;
		min-width:105%;
	}
	
	.sub-menu {
		margin:0;
		padding:0;
	}
	
	.sub-menu>li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.sub-menu>li>a {
		display:block;
		padding:5px 17px;
		color:#000;
		background:#DDD;
		white-space: nowrap;
		text-align:left;
		text-decoration:none;
	}
	
	.sub-menu>li>a:hover {
		text-decoration:none;
		color:#00F;
	}
	
	.topnav_ul>li:hover>.sub-wrap {
		z-index:10000000;
		opacity:1;
	}
	
	.nav-fill {
		display:flex;
	}
	
	.nav-fill>li {
		flex: 1 1 auto;
		text-align: center;
	}

	.nav-fill>li>a{
		width: 100%;
	}

	.h-md-100 {
		height:100%;
	}
}

/**LG & UP**/
@media (min-width: 992px) {
	
}

/**XLG & UP**/
@media (min-width: 1200px) {
	
}

/**XXLG & UP**/
@media (min-width: 1400px) {
	
}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	#tagline{
		font-weight:600;
		font-size:20px;
	}

	.herotext {
		font-size:20px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
	}
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {
	#tagline{
		font-weight:600;
		font-size:22px;
	}

	.herotext {
		font-size:24px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
	}
}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
	#logo {
		margin-bottom:-24px;
	}

	#tagline{
		font-weight:600;
	}

	.herotext {
		font-size:35px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
	}

}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
	#logo {
		margin-bottom:-32px;
	}

	#tagline{
		font-weight:600;
		font-size:20px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
		font-size:24px;
	}

	.herotext {
		font-size:48px;
	}
}

/**XLG**/
@media (min-width: 1200px) and (max-width: 1399px) {
	#logo {
		margin-bottom:-29px;
	}

	#tagline{
		font-weight:600;
		font-size:21px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
		font-size:25px;
	}
	.herotext {
		font-size:53px;
	}
}

/**XXLG**/
@media (min-width: 1400px) {
	#logo {
		margin-bottom:-34px;
	}

	#tagline{
		font-weight:600;
		font-size:21px;
	}

	#phonetop,#phonebtm {
		font-weight:600;
		font-size:25px;
	}
	.herotext {
		font-size:55px;
	}
}