@media only screen and (max-width: 768px) {
	.button_1:hover {
		color: #fff;
		background-color: #dab671;
	}

	.button_2:hover {
		background-color: #275e85;
	}

	.button_0:hover {
		background-color: transparent;
		color: #fff;
	}


	.button_3 {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}

	.button_3:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}
}


@media only screen and (min-width: 768px) {
	.button_1:hover {
		color: #fff;
		background-color: #dab671;
	}

	.button_2:hover {
		background-color: #275e85;
	}

	.button_0:hover {
		background-color: transparent;
		color: #fff
	}


	.button_3 {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}

	.button_3:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}
}


@media only screen and (min-width: 1024px) {
	.button_1:hover {
		color: #fff;
		background-color: #dab671;
	}

	.button_2:hover {
		background-color: #275e85;
	}


	.button_3 {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}

	.button_3:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}

	.button_0:hover {
		background-color: transparent;
		color: #fff
	}
}


@media only screen and (min-width: 1250px) {
	.button_1:hover {
		color: #fff;
		background-color: #bd8d49;
	}

	.button_2:hover {
		background-color: #457fa8;
	}

	.button_0:hover {
		background-color: #fff;
		color: #000
	}


	.button_3 {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%) ;
		filter: grayscale(100%);
		box-shadow: 0px 0px 0px #999;
	}

	.button_3:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}
}


@media only screen and (min-width: 1400px) {
	.button_1:hover {
		color: #fff;
		background-color: #bd8d49;
	}

	.button_2:hover {
		background-color: #457fa8;
	}

	.button_0:hover {
		background-color: #fff;
		color: #000
	}


	.button_3 {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%) ;
		filter: grayscale(100%);
		box-shadow: 0px 0px 0px #999;
	}

	.button_3:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0) ;
		filter: grayscale(0);
		background-color: #fff;
		box-shadow: 0px 0px 10px #999;
	}
}


.button_0 {
	transition: all 0.25s ease-in-out;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
}

.button_1 {
	color: #fff;
	background-color: #dab671;
	transition: all 0.25s ease-in-out;
}


.button_2 {
	transition: all 0.25s ease-in-out;
	background-color: #275e85;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button_2:hover {
	color: #fff;
}


.button_3 {
	transition: all 0.25s ease-in-out;
	background-color: transparent;
}

.button_4 {
	transition: all 0.25s ease-in-out;
	color: black;
	border: 1px solid black;
	text-align: center;
}

.button_4:hover {
	color: white;
	background-color: black;
}