body{
	margin: auto;
	font-family: Gabriola, serif;

	background-image: url(/images/back.jpg);
	background-size: 100% auto;
}

.responsible
{
	position: relative;
	max-width: 820px;
	margin: auto;

	box-sizing: border-box;

	padding: 0 10px;

}

.header,
.footer
{
	max-width: 800px;
	margin: auto;
}

.header{
	position: relative;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
}

.header img
{
	max-width: 80%;
	max-height: 180px;
}

.button
{
	display: block;
	text-decoration: none;
	width: 100%;

	box-sizing: border-box;
	margin-bottom: 40px;
}

.button > img
{
	display: block;
	max-width: 100%;
	margin-bottom: 20px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid rgba(162, 177, 34, 0.8);
}

.button > span
{
	display: block;
	text-align: center;
	color: white;
	background-color: #504d78;
	padding: 5px 0;
	font-size: 30px;


	max-width: 75%;
	margin: auto;
	border-radius: 15px;
}

.button > span > img
{
	vertical-align: middle;
}

.footer
{
	position: relative;
	background-color: rgba(162, 177, 34, 0.8);
	text-align: center;
	padding-top: 25px;
	padding-bottom: 15px;
}
.footer:before
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 15px;
	content: "";
	background-image: url(/images/border-back-1.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.footer .logo-bottom
{

}

.footer .copyright
{
	font-size: 20px;
	text-align: center;
	color: white;
}