@media only screen and (min-width : 320px) and (max-width : 480px) {

	.container {
		width: 100%;
	}

	.flex_wrap {
		justify-content: space-evenly;
	}

	.logo_link:hover {
		letter-spacing: 0px;
	}

	.offer_box {
		width: 40%;
		margin: 0;
		margin-top: 10px;
	}

	.offer_terms {
		text-align: center;
		font-size: 0.9em;
		margin-top: 10px;
	}

	.offer_button_goto {
		font-size: 0.8em;
		padding: 15px 5px;
		margin: 0 2%;
		margin-top: 7px;
	}

	.footer_block {
		flex-direction: column;
		align-items: center;
	}

	.footer_left {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer_right {
		margin-bottom: 20px;
		width: 100%;
	}

}

@media only screen and (min-width : 481px) and (max-width : 515.98px) {
	.container {
		width: 100%;
	}

	.flex_wrap {
		justify-content: space-evenly;
	}

	.offer_box {
		width: 40%;
		margin: 0;
		margin-top: 10px;
	}

	.offer_terms {
		text-align: center;
		font-size: 1em;
		margin-top: 10px;
	}

	.offer_button_goto {
		font-size: 0.8em;
		padding: 15px 5px;
		margin: 0 2%;
		margin-top: 7px;
	}

	.footer_block {
		flex-direction: column;
		align-items: center;
	}

	.footer_left {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer_right {
		margin-bottom: 20px;
		width: 100%;
	}
}

@media only screen and (min-width : 516px) and (max-width : 768px) {
	.container {
		width: 100%;
	}

	.flex_wrap {
		justify-content: space-evenly;
	}

	.offer_box {
		width: 25%;
		margin: 0;
		margin-top: 10px;
	}

	.offer_terms {
		text-align: center;
		font-size: 1em;
		margin-top: 10px;
	}

	.offer_button_goto {
		font-size: 0.8em;
		padding: 15px 5px;
		margin: 0 2%;
		margin-top: 7px;
	}

	.footer_block {
		flex-direction: column;
		align-items: center;
	}

	.footer_left {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer_right {
		margin-bottom: 20px;
		width: 100%;
	}
}