body,html{
		height: 100%;
		padding: 0;
		margin: 0;
		padding-bottom: 20px;
	}

/*landing page desktop*/

body{
	background-image: url('bbbg.png');
	background-repeat:no-repeat;
	background-size: cover;
}
#container{
	width: 100%;
background-repeat: no-repeat;
background-position: bottom right;
	}

#left{
	width: 50%;
	height: 100%;
	float: left;
}

#left img{
  
	float: right;
	margin-top: 10%;
}

#right{
	height: 100%;
	width: 50%;
	float: left;
	
}

#right p{
	font-family: 'Titillium Web', sans-serif;
	color: white;
	font-size: 50px;
	text-align: left;
	float: right;
	margin: 0 auto;
	margin-top: 45%;
	font-weight: 400;
	padding-right: 45%;

}

#hiddendiv{
	display: none;
	float: left;
}

#hiddendiv p{
	display: none;
}

/*recording page desktop*/

@media screen and (max-width: 768px){

	#left img{
		width: 75%;
		margin-top: 40%;
	}

	#right p{
			font-family: 'Titillium Web', sans-serif;
	color: white;
	font-size: 45px;
	text-align: left;
	float: right;
	margin: 0 auto;
	margin-top: 100%;
	font-weight: 400;
	padding-right: 30%;
	}

	body{
	background-image: url('mobbg.jpg');
	background-repeat:no-repeat;
	background-size: cover;
background-position: bottom right;
}


#container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-image: url('mobbg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
}


	}




@media screen and (max-width: 600px){

	body,html{
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
background-image: none;

	}

	#right{
		
		display: none;

	}

	#left{
		display: none;
	}

	#hiddendiv{
	display: block;
	float: left;
	width: 100%;
	height: 100%
		}

		#hiddendiv p{
			display: block;
		}

#container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-image: url('mobbg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
}

#hiddendiv img{
	width:60%;
	margin-left: 20%;
	margin-top: 20%;
	opacity: 1;
	z-index: 1;
}

#hiddendiv p{
	font-family: 'Titillium Web', sans-serif;
	color: white;
	font-size: 36px;
	text-align: center;
	font-weight: 400;
	margin-top: 15px;
	
}

}