html, body { overflow-x: hidden; }
body { font-family: Friz Quadrata; justify-content: center; }
div, a { color: rgb(0, 0, 0); }
p { color: #ffffff; text-align: center; font-size: 23px; text-shadow: 1px 1px 0px #000000;}
p, address { line-height: 1.8; }
a {	transition: all 0.3s ease; }
a:hover { 
	color: #c40202;
	text-decoration: none;
}

@font-face {
	font-family: Friz Quadrata;
	src: url(../fonts/KFC.otf);
  }

h2 {
	text-align: center;
	color: #ffffff;
	font-size: 80px;
	text-shadow: 3px 3px 0px #000000;
}

h3 {
	text-align: center;
	color: #ffffff;
	font-size: 25px;
}

h {
	font-size: 30px;
}

.container-fluid { margin-left: 0; position: center;}

body {
	background-color: #c40202;
}
button {
	text-align: center;
	--offset: 5px;
	--border-size: 2px;
	position: relative;
	width: 200px;
	height: 60px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	border: 0;
	background: #000;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border-radius: 0;
	box-shadow: inset 0 0 0 var(--border-size) currentcolor;
	transition: background 0.8s ease;
	top: 10px;
	margin: 10px;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 130px; 
  }


.button:hover {
	background: rgba(100, 0, 0, 0.03);
  }
  .button__horizontal, .button__vertical {
	position: absolute;
	top: var(--horizontal-offset, 0);
	right: var(--vertical-offset, 0);
	bottom: var(--horizontal-offset, 0);
	left: var(--vertical-offset, 0);
	transition: transform 0.8s ease;
	will-change: transform;
  }
  .button__horizontal::before, .button__vertical::before {
	content: "";
	position: absolute;
	border: inherit;
  }
  .button__horizontal {
	--vertical-offset: calc(var(--offset) * -1);
	border-top: var(--border-size) solid currentcolor;
	border-bottom: var(--border-size) solid currentcolor;
  }
  .button__horizontal::before {
	top: calc(var(--vertical-offset) - var(--border-size));
	bottom: calc(var(--vertical-offset) - var(--border-size));
	left: calc(var(--vertical-offset) * -1);
	right: calc(var(--vertical-offset) * -1);
  }
  .button:hover .button__horizontal {
	transform: scaleX(0);
  }
  .button__vertical {
	--horizontal-offset: calc(var(--offset) * -1);
	border-left: var(--border-size) solid currentcolor;
	border-right: var(--border-size) solid currentcolor;
  }
  .button__vertical::before {
	top: calc(var(--horizontal-offset) * -1);
	bottom: calc(var(--horizontal-offset) * -1);
	left: calc(var(--horizontal-offset) - var(--border-size));
	right: calc(var(--horizontal-offset) - var(--border-size));
  }
  .button:hover .button__vertical {
	transform: scaleY(0);
  }
  
  .transition, ul li i:before, ul li i:after, p {
	transition: all 0.25s ease-in-out;
  }
  
  .flipIn, ul li, h1 {
	animation: flipdown 0.5s ease both;
  }
  
  .no-select, h2 {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

.btn-primary {
	padding: 12px 50px;
    border-radius: 0;
    background: #023100;
    font-size: 1.2rem;
    border: 0;
}

.btn-primary:hover { background: #000000; }
.tm-text-primary { color: #023100; }
.tm-text-secondary { color: #023100; }
hr { border-top: 4px solid #023100; }

.tm-hr-short {
	border-top: 1px solid #023100;
	width: 238px;
	margin-left: auto;
	margin-right: auto;
}

/* Layout */

.tm-main { width: 100%; }

.tm-row-home { 
	padding-left: 15px;
	padding-right: 15px;
}

.tm-mt-100 { margin-top: 100px; }
.tm-section-wrap {
	width: calc(100% - 750px);
	margin-left: 500px;
	margin-right: 0;
	position: center;
}

.tm-section { padding: 50px 70px 50px 0; }

.tm-parallax {
	width: 400px;	
	min-height: 100%;
	height: auto;
	background: transparent;
	position: absolute;
    width: 400px;
    left: -470px;
    top: 0;
}

.tm-copyright { padding: 50px 70px 20px 0; }

@media (max-width: 1400px) {
	.tm-section-wrap {
		width: calc(100% - 630px);
		margin-left: 630px;
	}
}

@media (max-width: 1200px) {
	.tm-col-home {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 15px;
	}

	.tm-img-home-container {
		width: 100%;
		height: 0;
		padding-top: 133.28%;	
	}
}

/* Hide the leftside bar */
@media (max-width: 991px) {
	.zoom {
		zoom: 75%;
		}

	.tm-parallax {
		width: 280px;
    	left: -280px;
	}

	.tm-section-wrap {
		width: calc(100% - 280px);
		margin-left: 280px;		
	}

	.tm-section {
		padding-left: 30px;
		padding-right: 30px;
	}

	.tm-text-container { max-width: 100%; }	
}

@media (max-width: 700px) {
	.tm-parallax {
		position: static;
		height: 360px;
		width: 100%;
	}

	.tm-section-wrap {
		width: 100%;
		margin-left: 0;
	}
}