/** Buttons **/
.defaultButton{
	width: 200px;
	height: auto;
	background-color: #444;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 5px;
	transition: .5s;
	word-wrap: break-word;
	hypen: auto;
}

.defaultButton:hover{
	background-color: #222;
	transition: .5s;
}

.clearButton{
	width: 200px;
	height: auto;
	background-color: #666;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 5px;
	transition: .5s;
	text-decoration: underline;
	word-wrap: break-word;
	hypen: auto;
}

.clearButton:hover{
	background-color: #333;
	transition: .5s;
}

.defaultButton-input {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: .5s;
	color: #fff;
	background-color: #1f3415;
	border-color: #1f3415;
	margin-left: auto;
	margin-right: auto;
	
}

.defaultButton-input:hover{
	background-color: #182910;
	border-color: #182910;
	transition: .5s;
}

.centerButton{
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 1001px){
	.centerButton100{
		width: calc(100% - 150px);
	}
}

@media screen and (max-width: 1000px){
	.centerButton100{
		width: 100%;
	}
}

.secondary{
	background-color: #6c757d !important;
	border-color: #6c757d !important;
}

.secondary:hover{
	background-color: #5a6268 !important;
	border-color: #545b62 !important;
}