@charset "utf-8";
/* CSS Document */

 body {
  font-family: "Open Sans", sans-serif;
}

a {
		color: #005EB8;
		text-decoration: none;
	}
	
	.center {
		margin: auto;
		width: 85%;
		padding-top:0;
	}

	.center :hover {
		 background-color: #005eb8;
		 border-radius: 5px;
	}

	.left {
		float:left;
		width: 25%;
	}

	aside {
		width: 100%;
		background-color: #319842;
		padding: 1px 1px 0px 1px;
		text-align: center;
		border-radius: 5px;
	}

/*
	aside {
		width: 20%;
		background-color: #319842;
		padding: 1px 1px 0px 1px;
		text-align: center;
		margin-left: 40%;
		border-radius: 5px;
	}
*/
	
/* MOBILE PORTRAIT */
@media only screen and (max-width: 400px) {
	.sr-image {
		float: none;
		margin: auto;
		width: 50%;
	}
	
	.left {
		float:left;
		width: 50%;
	}
	
	img {
		float:none;
		margin:auto;
		width:50%;
	}
	
	aside {
	 width: 75%;
/*	 width: auto;
	 margin: 0; */
	}	
}

/* MOBILE LANDSCAPE */
@media only screen and (max-width: 600px) {
.sr-image {
	float: none;
	margin: auto;
	width: 50%;
}
	
	.center {
		width: 55%;
		height: 70%;
	}
	
	img {
		float:none;
		margin:auto;
		width:50%;
	}
	
	aside {
	 width: auto;
	 margin: 0;
	}
	
}