@media all and (min-width: 640px) {

	#left {
		float: left;
		width: 50%;
		height: 100%;
		max-height: 100%;
		min-height: 625px;
		background-color: #fba565;
		background-image: url(../images/Background.png);
	}

	#right {
		float: right;
		width:50%;
	}

	#icon {
		margin-top: 150px;
	}
}

@media all and (max-width: 640px) {

	#left {
		width: 100%;
		height: 100%;
		max-height: 100%;
		min-height: 625px;
		background-color: #fba565;
		background-image: url(../images/Background.png);
	}

	#right {
		width:100%;
	}

	#icon {
		margin-top: 50px;
	}
}

html, body {
		padding: 0;
		margin: 0;
		height: 100%;
		font-family: 'Raleway', sans-serif;
	}

	#header {
		height: 100%;
	}

	#wrapper {
		text-align: center;
		height: 100%;
	}

	h1 {
		font-size: 40px;
		font-weight: 200;
		color: #f7883a;
	}

	a {
		font-size: 20px;
		font-weight: 200;
		color: gray;
		outline: none;
		text-decoration: none;
	}

	p {
		border-style: solid;
		border-color: gray;
		border-width: 1px;
		border-radius: 7px;
		width:170px;
		margin: 0 auto;
		font-size: 20px;
		font-weight: 200;
		color: gray;
		line-height: 2;
	}

ul {
	padding: 0;
	list-style-type: none;
}