* {
	margin: 0;
}

body {
	background-image: url(../images/wallpaper.gif);
	padding: 0;
	max-width: 100%;
}

img {
	padding-top: 80px;
	max-width: 90%;
	box-shadow: 1px 1px 1px 1px rgba( 0,0,0, 2);
}


div {
	text-align: center;
}

.container {
	max-width: 100%;
}

div.clickable a { 
	position: absolute;
	width: 100%;
	height: 100%; 
	top:0; left:0; 
	text-decoration: none;
	z-index:10; /* raises anchor tag above everything else in div */
	background-color: white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */ }

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	line-height: auto;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 100px;
	max-width: 160px;
	height: 150px;
	position: relative;
	margin: auto;
	top: -330px;
}


/*---Media Queries---*/

/*-1-*/
@media screen and (max-width: 610px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 150px;
	position: relative;
	margin: auto;
	top: -310px;
}

/*-2-*/
@media screen and (max-width: 550px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 130px;
	position: relative;
	margin: auto;
	top: -280px;
}

/*-3-*/

@media screen and (max-width: 530px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 130px;
	position: relative;
	margin: auto;
	top: -275px;
}

/*-4-*/

@media screen and (max-width: 510px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 120px;
	position: relative;
	margin: auto;
	top: -260px;
}

/*-5-*/

@media screen and (max-width: 488px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 115px;
	position: relative;
	margin: auto;
	top: -250px;
}
 /*-4-*/

@media screen and (max-width: 480px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 115px;
	position: relative;
	margin: auto;
	top: -240px;
}

/*-5-*/

@media screen and (max-width: 440px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 115px;
	position: relative;
	margin: auto;
	top: -225px;
}

/*-6-*/
@media screen and (max-width: 410px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 100px;
	position: relative;
	margin: auto;
	top: -210px;
}

/*-7-*/
@media screen and (max-width: 375px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 85px;
	position: relative;
	margin: auto;
	top: -185px;
}

/*-8-*/
@media screen and (max-width: 330px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	font-size: .50em;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 75px;
	position: relative;
	margin: auto;
	top: -165px;
}

/*-9-*/
@media screen and (max-width: 300px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	font-size: .50em;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 65px;
	position: relative;
	margin: auto;
	top: -150px;
}

/*-10-*/
@media screen and (max-width: 270px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	font-size: .50em;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 60px;
	position: relative;
	margin: auto;
	top: -130px;
}

/*-11-*/
@media screen and (max-width: 270px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	font-size: .40em;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 55px;
	position: relative;
	margin: auto;
	top: -130px;
}

/*-12-*/
@media screen and (max-width: 230px) {

.button {
	background: rgba(0,0,0,0);
	position: absolute;
	font-size: .40em;
	display: block;
	margin: 0;
	border-radius: 100px;
	max-width: 25%;
	height: 55px;
	position: relative;
	margin: auto;
	top: -115px;
}