/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (min-width: 1049px){

	#wrapper {
	width: 1074px;
	margin:0 auto;
	position: relative;
	}
	article{
		margin:5px 0;
	}

	/* aside */
	aside {
	width: 600px;
	clear: right;
	float: left;
	}
	footer{
	position:relative;
	margin-top: 110px;
	}


}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px){

	/* pagewrap */
	#wrapper {
		width: 95%;
		margin:0 auto;
	}
	header img{
    max-width: 95%;
    height: auto;
	text-align:center;

	}
	.cast{
    max-width: 100%;
    height: auto;
		}
	/* wrapper */
	article{
		margin:10px 20px;
	}
	aside{
		margin:0 40px;}


}