@import url('../fonts/fonts.css');

*{
	margin:0;
	padding:0;
}

a:focus, a:hover{text-decoration:none;}

.clear{
	float:none;
	clear:both;
}
body{
	background:#be7058;
}
.header{
	background:url(../img/bg.jpg) no-repeat 0 0;
	background-size:cover;
	position:relative;
	z-index:9999999;
}

.top-menu{
	text-align:right;
}

.love{
	display:inline-block;
}
.menu{
	display:inline-block;
	
}

.dog img,.life img{
	width:100%;
}

.life{
	padding-top:20%;
}

.dogs {
  margin-bottom: -70px;
  text-align: center;
}
.contant h1{
	color:#ffffff;
	font-size:47px;
    font-family: 'segoeprb';
    margin:0;	
}

.contant{
	padding:90px 0;
}
.pro{
	padding:0;
	padding-top:50px;
}
.pro li{
	display:inline-block;
	width:33%;
	list-style:none;
	padding-bottom:35px;
}
.pro span{
	    font-family: 'born';
		color:#201e1f;
		font-size:26px;
		line-height:24px;
		display:block;
		text-align:center;
		padding-top:15px;
		font-weight:normal;
		
}

.life h1 {
  color: #201e1f;
  font-family: "hand_of_seanregular";
  font-size: 72px;
  line-height: 110px;
  margin: 0;
  text-transform:uppercase;
}

.menu a {
  background:url(../img/menu.png) no-repeat left top;
  color: #fff;
  display: inline-block;
  font-family: "Lato",sans-serif;
  font-size: 13px;
  text-align: center;
  height:44px;
  text-transform: uppercase;
  width: 131px;
  line-height:44px;
}
.menu a:hover {
	text-decoration:none;
}
@media (max-width:1200px){
	.pro li img{
		width:100%;
	}
	.dogs img{
		width:100%;
	}
}
@media (max-width:1024px){
	.header{
		padding-bottom:15px;
	}
	.life h1 {
  font-size: 60px;
  line-height: 100px;

}
}
@media (max-width:1000px){
	.life h1{
		text-align:center;
	}
	.life {
  padding-bottom: 8%;
  padding-top: 10%;
}
.header {
  padding-bottom: 28px;
}
}
@media (max-width:700px){
	.top-menu {
  padding-bottom: 30px;
  text-align: center;
}
.love {
  display: block;
  padding-bottom: 20px;
}
.menu {
  display: block;
}
.header {
  padding-bottom: 4.5%;
}
}
@media (max-width:640px){
	.pro li {
  display: block;
  list-style: outside none none;
  padding-bottom: 35px;
  text-align: center;
  width: 100%;
}
.life, .dog {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
.header {
  padding-bottom: 5%;
}
.dogs {
  margin-bottom: -11%;
  text-align: center;
}
.life h1 {
  font-size: 55px;
  line-height: 100px;
}
}
@media (max-width:500px){
	.life h1 {
  font-size: 35px;
  line-height: normal;
}
}
@media (max-width:440px){
	.love img{
		width:100%;
	}
}
@media (max-width:320px){
		.life h1 {
  font-size: 30px;
  line-height: normal;
}
}

@media (max-width:240px){
	.contant h1 {
  font-size: 36px;
}
.pro span {
  font-size: 20px;
}
.life h1 {
  font-size: 20px;
  line-height: normal;
}
}