/* CSS Document */

html{
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
}

body{
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
}

#main{
	position:absolute;
	width:100%;
	height:100%;
	min-height:548px;
	margin:0 auto;
	padding:0;
	background-image:url(mission_coffee_bl@2x.jpg);
	background-attachment:fixed;
	background-position:0% 80%;
	background-repeat:no-repeat;
	background-size:100% auto;
}
#thanks{
	position:absolute;
	width:150px;
	height:auto;
	margin:0 auto;
	top:38%;
	right:24%;
	padding:0;
	color:#ffffff;
	font-size:2.5em;
	font-family: "LinotypeDidot",serif;
    font-weight: 400;
    font-style: normal;
	text-align:center;
}
#cta{
	position:absolute;
	width:150px;
	height:auto;
	margin:0 auto;
	top:47%;
	right:24%;
	padding:0;
	text-align:center;
}
#cta img{
	width:32px;
	height:auto;
	border:none;
}
#logo{
	position:absolute;
	width:126px;
	height:97px;
	bottom:50px;
	right:50px;
	background-image: url(fine_citizens_logo@2x.png);
	background-repeat:no-repeat;
	background-size:100% auto;
}


@media (max-width: 600px) {
	#main{
		min-height:376px;
		background-image:url(mission_coffee_br@2x.jpg);
		background-position:0% 90%;
		background-position:bottom center;
	}
	#thanks{
		top:27.5%;
		right:inherit;
		background-color:transparent;
		width:100%;
		text-align:center;
	}
	#cta{
		top:inherit;
		right:inherit;
		bottom:20px;
		background-color:transparent;
		width:100%;
		text-align:center;
	}
	#logo{
		width:100%;
		height:75px;
		margin:0 auto;
		top:25px;
		right:0;
		padding:0;
		background-position:top center;
		background-size:auto 100%;
	}
}

@media (max-width: 550px) {
	#main{
		background-size:550px auto;
	}
}