body{background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-position:top center; text-align:center; background-color:#605745;}

h1{color:#f7f7f7;font-size:95px; font-family: "Arial Black", "Arial Bold", sans-serif; line-height:89px; padding-bottom:20px;}
h2{color:#f7f7f7;font-size:29px; font-family: "Times New Roman", sans-serif; padding-bottom:45px;}

.btn{color:#fff; font-size:38px; text-decoration:none; background-color:transparent; cursor:pointer; font-family: Arial, Helvetica, sans-serif; border:3px #fff solid; display:inline-block; line-height:84px; padding:0 55px;}

.list{padding:20px 0 25px 0;}
.list .item{display:inline-block; width:205px; color:#ccc; font-size:16px; font-family: Arial, Helvetica, sans-serif; margin:5px 15px; border:3px #fff solid; background-color:#fff;}
.list .item img{max-width:100%; margin-bottom:5px;}
.list .item span{color:#605845;}
.list .item a{color:#605845; text-decoration:none;}

@media screen and (max-width: 640px) {
	body{background-position:top -200px right -200px;}

	h1{font-size:48px;line-height:56px;}
	h2{font-size:18px;}
	.list .item{display:none;}
	.list .item:first-child{display:inline-block;}
}

@media screen and (max-width: 440px) {
	body{background-position:bottom center; background-size:100% auto;}

	h1{font-size:36px;line-height:46px;}
	.btn{font-size:26px;padding:0 55px; margin-bottom:20px;}
}