<div class="page1">
	</div>
	<div class="page2wrapper">
		<div class="page2">
			<div class="content">
				<h1>Making things look great</h1>
				<h2>For companies who do great stuff</h2>
			</div>
		</div>	
	</div>

/******** default stuff *************/
*{
	box-sizing: border-box;
}
body{
	margin: 0;
	padding: 0;
	text-align: center;
}
.page1{
	width: 100%;
	height:100vh;

}
.page2{
	width: 100%;
	height:70vh;
}


/****************************** setting semi trans background when scrolled *******************/

.page1{
	background: url("https://lh3.googleusercontent.com/Hst38SvCa5xtgws2_HPtjq7agdSJJ7I1_-HRDMdKfYos0t0665whMMfm4rWUKGAXtw0JxygZi-7BcAgluOrYPoa0A7IZYLJZkI1CqIl1oEPIWUAasiMkqrmoiV7qr85UGoRTTG91s9p38Lux0zmm8G5CXsSpzRR4GrOw3yhOcvC4rr3447X5RHRPKDszTxYBQBmkSUSENcWb7kluZN53HINlzNlQUy4PhaagcV5f6DRJG2TIcJzruS5RcXM22MZFXeK79vtUSTnY9S5FWz1j0Yrql9RKAiCs9lCLMl3fx6S8nRk7u_LOLWZZBVFuVsRqYVy_xngy5zLZ9FtTl2bkAa5T46RoyUU4A4LWlvRLHrZiow-fapsr2A6YJyvTKNpCvAGusSdrX27RlnanfS0BjRCu_7dzmHnExTfX6cSu_MJmmemObMVbN3qeGQb1x9v2PXV3UEsjw9SMzzb5ETm_Qh8Aso3Em0vXOwVKY7cq-GOjX20wGk6x8ml2grmBmKGMACzIaha8yjL6_IRJ2fZDZy7gkuuLGNnJswHo7USRzS3ifbCTHIGBKGNdPvOn6h79g6GA8YyWAqi0xzs_eCtfHuyf0UvD2ue6tjBJ5t69j-lxGvtQMsrqvMAGf6-QhfvnHrwUd5TCYRPB4SOIKmZZps9tXPp6Oh95lWnxjkjC=w1014-h662-no") no-repeat center center;     /*responsive bckgrnd img */
	background-size: cover;
	background-attachment: fixed;                /* parallex effect 1*/
}

.page2{
	background-color: black;
	opacity: 0.75;
	
}
.page2wrapper{
	background: url("https://lh3.googleusercontent.com/Hst38SvCa5xtgws2_HPtjq7agdSJJ7I1_-HRDMdKfYos0t0665whMMfm4rWUKGAXtw0JxygZi-7BcAgluOrYPoa0A7IZYLJZkI1CqIl1oEPIWUAasiMkqrmoiV7qr85UGoRTTG91s9p38Lux0zmm8G5CXsSpzRR4GrOw3yhOcvC4rr3447X5RHRPKDszTxYBQBmkSUSENcWb7kluZN53HINlzNlQUy4PhaagcV5f6DRJG2TIcJzruS5RcXM22MZFXeK79vtUSTnY9S5FWz1j0Yrql9RKAiCs9lCLMl3fx6S8nRk7u_LOLWZZBVFuVsRqYVy_xngy5zLZ9FtTl2bkAa5T46RoyUU4A4LWlvRLHrZiow-fapsr2A6YJyvTKNpCvAGusSdrX27RlnanfS0BjRCu_7dzmHnExTfX6cSu_MJmmemObMVbN3qeGQb1x9v2PXV3UEsjw9SMzzb5ETm_Qh8Aso3Em0vXOwVKY7cq-GOjX20wGk6x8ml2grmBmKGMACzIaha8yjL6_IRJ2fZDZy7gkuuLGNnJswHo7USRzS3ifbCTHIGBKGNdPvOn6h79g6GA8YyWAqi0xzs_eCtfHuyf0UvD2ue6tjBJ5t69j-lxGvtQMsrqvMAGf6-QhfvnHrwUd5TCYRPB4SOIKmZZps9tXPp6Oh95lWnxjkjC=w1014-h662-no") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.content{
	color: white;
	padding:12%;
}