.header{
	//padding:50px 0 70px 0 ;
	padding:30px 0 20px 0 ;
	background-image: url(../imgs/header2.jpg);
	//background-color: pink;
	background-size: cover;
}
.logo{
	font-weight:600;
	color: rgb(255,209,143);
	background-color:black;
	position:fixed;
	top:0;
	left:0;
	right:0;
	padding-left:10px;
	z-index:100;
	//color: white;
}
.logoimg{
	//padding:0px;
	//margin:0px;
	width:50px;
	height:50px;
	
}
.slogo{
	width:30px;
	height:30px;
	
}
.appimg{
	width:120px;
	height:213px;
}
.app_land_img{
	width:213px;
	height:120px;
}
.nav{
	text-align: right;
}
.nav .button{
	width:48%;
	margin: 2px 0;
}
.button{
	background-color: rgba(255,255,255,.5);
}

.button:hover{
	//background-color: rgba(255,255,255,.3);
	background-color: rgba(153,255,153,.3);
	//color:rgb(255,0,255);
	//bolder:red;
}
.action{
	text-align:center;
	padding-top:15px;
	color:white;
}
.action h1{
	margin:0;
	padding-top:10px;
}
.action h2{
	margin: 0 0 20px 0;
	//padding-top:37px;
}
h1{
	font-size:3rem;
}
h2{font-size:2.5rem;}
h5{
	color:red;
	
}



@media (min-width: 400px) {
 
}

@media (min-width: 550px) {
	.header{
		padding: 40px 0 50px 0;
	}
	.logo{
		position:static;
		background-color:transparent;
		font-size: 2rem;
		line-height:1;
	}
	.logoimg{
		width:100px;
	height:100px;
	margin-left:15px;
		
	}
	
	.nav .button{
		width: auto;
	}
	h1{
		font-size:5rem;
	}
	h2{font-size:4.2rem;}

}


@media (min-width: 750px) {
	.logo{
		font-size:3rem;
		position:relative;
		top:5px;
	}
	.logoimg{
		width:150px;
	height:150px;
	margin-left:10px;
		
	}
	
  
}




@media (min-width: 480px) {
	.app_land_img{
		width:160px;
		height:90px;
	}
	.appimg{
		width:90px;
		height:160px;
	}
	
  
}

@media (min-width: 960px) {
	.app_land_img{
		width:320px;
		height:180px;
	}
	.appimg{
		width:180px;
		height:320px;
	}
}
@media (min-width: 1440px) {
	.app_land_img{
		width:480px;
		height:270px;
	}
	.appimg{
		width:270px;
		height:480px;
	}
}
@media (min-width: 1920px) {
	.app_land_img{
		width:640px;
		height:360px;
	}
	.appimg{
		width:360px;
		height:640px;
	}
}