/*for less than 1000px */
@media screen and (max-width: 999px) {
	html { 
	  background: url('imgs/tap.jpg') no-repeat center center fixed;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	body {
		font-family: 'Lato', sans-serif;
		color: #FFFFFF;
		line-height: 1.2em;
	}
	
	#container {
		margin-top: 15%;
		width: 80%;
		margin-left: 10%;
		background: rgba(0, 0, 0, 0.7);
	}
	
	#contentContain {
		padding: 20px;
	}
	
	#footer {
		position: absolute;
		bottom: 0px;
	}
	
	#copyrightText {
		color: rgba(255, 255, 255, 0.8);
		font-size: .8em;
		padding-left: 10px;
		font-weight: 300;
	}
	
	a {
		color: #b3d2f3;
	}
	
	p {
		font-weight: normal;
		font-size: .9em;
		font-weight: 300;
	}
	
	h2 {
		font-weight: 900;
		line-height: 1em;
	}
	
}

/*for 1000px or more*/
@media screen and (min-width: 1000px) {
	html { 
	  background: url(imgs/tap.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	body {
		font-family: 'Lato', sans-serif;
		color: #FFFFFF;
		line-height: 1.2em;
	}
	
	#container {
		margin-top: 10%;
		width: 50%;
		margin-left: 10%;
		background: rgba(0, 0, 0, 0.7);
	}
	
	#contentContain {
		padding: 50px;
	}
	
	#footer {
		position: absolute;
		bottom: 0px;
	}
	
	#copyrightText {
		color: rgba(255, 255, 255, 0.8);
		font-size: .8em;
		padding-left: 10px;
		font-weight: 300;
	}
	
	a {
		color: #b3d2f3;
	}
	
	p {
		font-weight: normal;
		font-size: .9em;
		font-weight: 300;
	}
	
	h2 {
		font-weight: 100;
		text-transform: uppercase;
	}
}