main.page_start {
	position: relative;
	background:url('../images/bg-sharp.jpg') no-repeat center;
	background-size: cover;
	height: 54.9rem;
}

#start_about {
	float: left;
	margin-top: 39.8rem;
	margin-left: 2.2rem;
	/*background-color: red;*/
}

h1 {
	text-transform: uppercase;
	display: inline-block;
	opacity: 0.46;
	font-size: 3.2rem;
}

.start_about_text {
	width: 41.7rem;
	font-size: 1.2rem;
	text-align: left;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}


#start_check-out {
	float: right;
	margin-top: 41.5rem;
	margin-left: 0rem;
	text-align: right;
	margin-right: 2rem;
	/*background-color: black;*/
}

.start_check-out_text {
	width: 28rem;
	font-size: 1.2rem;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}

a.button {
	margin-top: 1rem;
}

a.button:link {
	background-color: #3b98c9;
}

a.button:hover {
	background-color: #2C7BA4;
	color: #fff;
}

a.button:active {
	background-color: #20668b;
}




/*RESPONSIVE*/

@media only screen and (max-width: 1300px) {
	
	main.page_start {
		text-align: center;
	}
	
	#start_about {
		float: none;
		display: inline-block;
		text-align: center;
		max-width: 95%;
		margin-top: 25.5rem;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		padding: 0.6rem 2rem 1.2rem 2rem;
	}

	.start_about_text {
		max-width: 95%;
		text-align: center;
	}

	#start_check-out {
		float: none;
		width: inherit;
		max-width: 95%;
		display: inline-block;
		margin-top: 4.5rem;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}

	.start_check-out_text {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	a.button {
		margin-left: auto;
		margin-right: auto;
	}
	
}


@media only screen and (max-width: 800px) {
	
	#start_about {
		margin-top: 4.5rem;
	}
	
	h1 {
		font-size: 2.6rem;
	}

	#start_check-out {
		margin-top: 14.5rem;
	}
	
	.start_check-out_text {
		text-shadow: 1px 0px 7px #000000;
	}
	
	a.button {
		border: 2px solid #20668b;
	}

}


@media only screen and (max-width: 500px) {
	
	main.page_start {
		height: 45.9rem;
		background-size: contain;
		background-position: 0rem 18.4rem;
	}
	
	#start_about {
		position: absolute;
		text-align: left;
		margin-top: 0.0rem;
		margin-left: 0rem;
		padding: 0.0rem 1rem 0.2rem 1rem;
	}

	h1 {
		font-size: 2.0rem;
	}

	.start_about_text {
		max-width: 18rem;
		font-size: 0.9rem;
		text-align: left;
		margin-top: 0.4rem;
		margin-left: 0;
		line-height: 1.3rem;
	}
	
	#start_check-out {
		position: relative;
		margin-top: 27.3rem;
	}

	.start_check-out_text {
		width: 80%;
		font-size: 1.0rem;
		line-height: 1.5rem;
		margin-top: 1.9rem;
	}
	
	a.button {
		margin-top: 1.1rem;
	}
	
	a.button:link,
	a.button:visited
	{
		font-size: 1.1rem;
	}
	
}