*{margin:0;}
html{
	background:url(../img/background.jpg);

}
.menu-holder{
width:100%;
  height:80px;
}
nav{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:2.1vw;
	font-weight:Thin 100;
	padding-top:10px;
	min-width:300px;
	}

ul{
	list-style-type:none;
	}
li{
	display:inline;

	}
li img{
	padding-top:10px;
	}
nav ul a{
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	padding-top:5px;
	cursor:pointer;
	}
nav ul a:hover{
	border-bottom:2px solid #fff;
	}
nav ul a{
	text-decoration:none;
	color:#fff;
	}
article{
	float:left;

	}
/* end of menu */
sidebar{
	float:right;

	padding-top:5px;

	}
.btn1{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:130%;
	padding:5px 25px;
	border:2px solid #fff;
	border-radius:3px;
	float:right;
	cursor:pointer;
	opacity:1;
	transition: background 1s;
	-o-transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	margin-right:20px;
	margin-top:10px;
	}
.btn1:hover{
	background:#fff;
	color:#000;
	}
@media screen and (min-width: 600px)and (max-width: 600px) {
article{
width:100%;
}
	nav{
		font-size:100%;
		float:center;
		width:100%;
		}
	sidebar{
		float:none;
		margin:auto;
		width:100%;

	}
	.btn1{
		float:left;

	}
}
/*android*/
@media screen and (max-device-width: 600px) {
article{
width:100%;
}
	nav{
		font-size:100%;
		float:center;
		width:100%;
		}
	sidebar{
		float:none;
		margin:auto;
		width:100%;
	}
}