@media screen and (min-width: 400px){
	body {
		background-color: orange;
	}
}
@media screen and (min-width: 780px){
body {
	background-color:white;
}
}
@media screen and (min-width: 400px){
.background {
	display: inline-block;
	position:fixed;
	background-size:100% 100%;
	background-color:white;
	width: 105%;
	height: 105%;
	margin-top: -200%;
	margin-left: -2%;
	min-width: 900px;
	}	
}
@media screen and (min-width: 780px){
.background {
	display: inline-block;
	position:fixed;
	background-size:100% 100%;
	background-color:white;
	width: 105%;
	height: 105%;
	margin-top: -2%;
	margin-left: -2%;
	min-width: 900px;
	}	
}
@media screen and (min-width: 780px){
img {
	opacity: 0.5;
	width: 100%;
	}
}


/* header */
@media screen and (min-width: 780px) {
	#header{
		display: inline-block;
		position: fixed;
		margin-top: -2%;
		margin-left: 8%;
		width: 29%;
		height: 15%;
		background-color: rgba(255,255,255,0.9);
		padding: 5px;
		box-shadow: 5px 5px 5px #888888;
	}
}
@media screen and (min-width: 780px) {
	#headercont {
		font-family: arial;
		color: orange;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase; 
		padding: 5px;
		margin-top: 10%;

	}
}

/*nav*/
@media screen and (min-width: 780px){
#button1 {
	display: inline-block;
	position: fixed;
	margin-top: -2%;
	margin-left: 10%;
	width: 14%;
	height: 56%;
	background-color: rgba(255,255,255, 0.9);
	padding: 5px;
	box-shadow: 5px 5px 5px #888888;
}
}
@media screen and (min-width: 780px){
#button1cont {
	position: fixed;
	display: inline-block;
	margin-top: 24%;
	margin-left: 11%;
	width: 12%;
	text-align: center;
}
}
@media screen and (min-width: 780px){
#button1:hover {
}
}
@media screen and (min-width: 780px){
#button2 {
	display: inline-block;
	position: fixed;
	margin-top: -2%;
	margin-left: 26%;
	width: 14%;
	height: 52%;
	padding: 5px;
	background-color: rgba(255,255,255, 0.9);
	box-shadow: 5px 5px 5px #888888;
}
}
@media screen and (min-width: 780px){
#button2cont {
	display: inline-block;
	position: fixed;
	width: 12%;
	height: 50%;
	margin-top: 24%;
	margin-left: 26%;
	text-align: center;
	padding-left: 20px;
}
}
@media screen and (min-width: 780px){
#button2:hover {
}
}

@media screen and (min-width: 780px){
	a {
	font-family: arial;
	color: black;
	text-decoration: none;
	padding: 5px;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
}
}
@media screen and (min-width: 780px){
	a:hover {
		color: grey;
	}
}

/*about*/
	@media screen and (min-width: 780px){
	aside{
		display:inline-block;
		position:fixed;
		float:right;
		width:20%;
		height:100%;
		margin-top:-5%;
		margin-left: 60%;
		color: black;
		font-family: arial;
		font-size: 14px;
		border: white 0px solid;
		vertical-align: center;
	}
	}
	@media screen and (min-width: 780px){
	.asidesquare {	
		display: inline-block;
		background-color: rgba(255, 255, 255, 0.9);
		width: 20%;
		height: 100%;
		position:fixed;
		float:right;
		margin-top: -2%;
		padding-left: 4%;
		text-align: justify;
		box-shadow: 5px 5px 5px #888888;
	}
	}
	.asidecont {
		display: inline-block;
		position: fixed;
		width: 18%;
		margin-top: 26%;
		margin-left: -1%;
		font-family: arial;
		font-weight: bold;
		font-size: 14px;
		line-height: 18px;
	}