#inv-button {
	margin-top: 25px;
	padding: 20px 100px;
	background-color: rgba(190,0,0,0.7);
	font-family: 'Raleway', sans-serif;
	text-shadow: 2px 3px 5px #000000;
	font-size: 35px;
	color: #fff;
	outline: none;
	border: 2px solid white;
	cursor: pointer;
	border-radius: 50px;
	transition: all .35s;
	opacity: 0;
	animation-name: moveInDown;
	animation-duration: .5s;
	animation-delay: 1.175s;
	animation-fill-mode: forwards;
}

#inv-button-wrapper {
	overflow: hidden;
}
.buttons {
	padding: 15px 0px;
	float: left;
	width: 100%;
	margin-top: 30px;
	z-index: 96;
	position: relative;
}

.cat-button {
	font-family: 'Raleway', sans-serif;
	text-shadow: 2px 3px 5px #000000;
	height: 165px;
	font-size: 35px;
	padding: 30px 80px;
	color: #fff;
	outline: none;
	cursor: pointer;
	background-color: #3d3d3d;
	border: none;
	transition: all .35s;
	box-shadow: 0px 5px 19px -1px #000000;
	text-transform: uppercase;
	
	a{
		color: #fff;
	}
}

.cat-button:hover {
	background-color: #636363;
	transform: translateY(-3px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	background-color: #ddd;
	color: #3d3d3d;
	text-shadow: none;
}

.cat-button:active, .cat-button:focus {
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	background-color: #ddd;
	color: #3d3d3d;
	text-shadow: none;
}

#inv-button:hover {
	background-color: rgba(190,0,0,1);
	transform: translateY(-3px);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

#inv-button:active, #inv-button:focus {
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

.button-main-content-border {
	clip-path: polygon(100% 0, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 0);
	/*background-color: #be0000; This is for the buttons border color */
	height: 1020px;
	z-index: 95;
	position: relative;
	filter: drop-shadow(0px 0px 3px #000000);
	-webkit-filter: drop-shadow(0px 0px 3px #000000);
	-moz-filter: drop-shadow(0px 0px 3px #000000);
}
.button-main-content {
    position: relative;
	background-color: #ededed;
	height: 99.5%; /*Change to smaller than the wrapper for a border effect.*/
	width: 100%;
	margin: 0 auto;
	margin-top: -975px;
	clip-path: polygon(100% 0, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 0);
    z-index: 96;
}

#contact-button {
	margin-top: 25px;
	padding: 15px 0px;
	background-color: rgba(190,0,0,1);
	font-family: 'Raleway', sans-serif;
	text-shadow: 2px 3px 5px #000000;
	font-size: 35px;
	color: #fff;
	outline: none;
	border: 2px solid white;
	cursor: pointer;
	width: 85%;
	margin: 25px auto;
}