@media only screen and (max-width: 800px) {

	.front-page-1 .widget {
		max-width: 380px;
		left: 0;
		transform: translate(0, -50%);
	}

	.front-page-1 .textwidget a.button {
		text-align: center;
	}

}

@media only screen and (max-width: 684px) {

	.front-page-1 .widget {
		max-width: 320px;
	}

}

@media only screen and (max-width: 600px) {

	.front-page-1 .widget {
		max-width: 240px;
	}

}

@media only screen and (max-width: 500px) {

	.front-page-1 .widget {
		max-width: 180px;
	}

}