body {
	background: url('../img/redBackground.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.container {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	min-width: 320px;
	position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
}

.leftcolumn {
	display: block;
	width: 20.1%;
	max-width: 387px;
	min-height: 820px;
	position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
	background:  url('../img/gridpattern.png');
	background-size: contain;
	background-repeat: repeat-y;
}

.maincolumn {
	display:block;
	position:absolute;
	width: 79.9%;
    height:auto;
    bottom:0;
    top:0;
    left:20.156%;
    right:0;
    text-align: center;
}


.centerblock {
	display: block;
	position: relative;
	width: 402px;
	max-width: 402px;
	margin: 13% auto 0 auto;
}
.mainimage {
	width: 100%;
	max-width: 402px;
}

.button {
	display: block;
	position: relative;
	bottom: 40px;
	left: 10%;
	width: 80%;
	height: 46px;
	border: 1px solid #cc8;
	border-radius: 6px;
	opacity: 0
	;
	-webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.button:hover {
	opacity: 1.0;
}

@media (max-width: 960px) {
	.centerblock {
		width: 340px;
	}
	
}

@media (max-width: 640px) {
	.leftcolumn {
		display: none;
	}
	.maincolumn {
		width: 100%;
		left: 0;
	}
	.centerblock {
		width: 70%;
	}
	.button {
		bottom: 38px;
	}
}

@media (max-width: 480px) {
	.button {
		height: 32px;
		bottom: 29px;
	}