body {
	 background: url(imgs/howdy.gif);
	 background-size: cover;
	 min-height: 100%;
	 min-width: 1024px;
	 width: 100%;
	 height: auto;
	 position:fixed;
	 top:0;
	 left:0;
	/*
	 background-repeat: no-repeat;
	 background-position: center;
	 background-color: #fff;
	 */
}

.back-button {
	position:fixed;
	top: 0;
	left:0;
	padding: 40px;
}

.back-button a {
	transition-duration: .5s;
	 -webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	 -moz-transition-duration: .5s;
	 -ms-transition-duration: .5s;

}

.back-button a:hover {
	opacity: 0.5;
}

/* _______________________Medium Screens________________________ */


	 @media (min-width: 641px) and (max-width: 1025px) {

	 	.back-button {
		padding: 15px;
		}

		.sketches {
		margin-top: 80px;
		padding-bottom: 30px;
		}

		.sketches img {	
		text-align: center;
		display:block;
		margin: 0 auto;
		width: 90%;
		border-radius:15px;
		margin-bottom:60px;
		}

			body {
			background-size: contain;
		}
	 }
  		


 /* _______________________Medium Screens________________________ */


	 @media only screen (min-width: 641px) and (max-width: 1025px) {

	 	.back-button {
		padding: 15px;
		}

			body {
			background-size: contain;
		}

	 	
	 }
  		

 /* ________________________Small Screens_______________________ */


	 @media only screen and (min-width: 321px) and (max-width: 640px) {

	 	.back-button {
		padding: 15px;
		}

			body {
			background-size: contain;
		}

}

/* __________________________Mobile Screens_______________________ */



@media only screen and (max-width: 320px) {
body {
	background-size: contain;
	width: 100%;
	height:auto;
	}

	.back-button {
	padding: 15px;
}

}