html
{
	background-image:url(images/Background_Web.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: 100% 100%;
} 

.instructbox
{
	top:40%;
	margin-left:27%;
	margin-bottom:10%;
	width:45%;
	position:fixed;
	padding:10px;
}

.pic
{
	display:inline;
	padding-left:60px;
	width:70%;
}	
	
.pic1
{
	display:inline;
	width:70%;
}

.img1
{
	width:35%;
	padding:0px 10px;
	position:fixed;
	top:52%;
	left:32%;
	vertical-align:center;
	margin-top:30px;
}

.img2
{
	width:35%;
	padding:0px 10px;
	position:fixed;
	top:80%;
	left:32%;
	vertical-align:center;
	margin-top:30px;
}

/*For laptops*/
@media only screen and (max-width: 1500px)
{
	html
	{
		background-image:url(images/Background_Web.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;		
	} 

	.instructbox
	{
		margin-left:27%;
		margin-bottom:10%;
		width:47%;
		position:fixed;
		padding:10px;
	}

	.pic
	{
		display:inline;
		padding-left:40px;
		width:70%;
	}

	.pic1
	{
		display:inline;
		width:70%;
	}

	.img1
	{
		width:42%;
		padding:0px 10px;
		position:fixed;
		top:48%;
		left:29%;
		vertical-align:center;
		margin-top:30px;
	}
	
	.img2
	{
		width:42%;
		padding:0px 10px;
		position:fixed;
		top:80%;
		left:29%;
		vertical-align:center;
		margin-top:20px;
	}
} 

@media only screen and (max-width: 900px)
{
	html
	{
		background-image:url(images/Background_Web.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;		
	} 
	
	.instructbox
	{
		top:50%;
		margin-left:9%;
		margin-bottom:10%;
		width:80%;
		position:fixed;
		padding:10px;
	}

	.pic
	{
		display:inline;
		padding-left:10%;
		width:50%;
	}	
		
	.pic1
	{
		display:inline;
		width:50%;
	}

	.img1
	{
		width:80%;
		padding:0px 10px;
		position:fixed;
		top:60%;
		left:10%;
		vertical-align:center;
		margin-top:20px;
	}
	
	.img2
	{
		width:80%;
		padding:0px 10px;
		position:fixed;
		top:80%;
		left:10%;
		vertical-align:center;
		margin-top:20px;
	}
} 

@media only screen and (max-width: 700px) and (min-width: 600px)
{
	
	.instructbox
	{
		top:45%;
		margin-left:20%;
		margin-bottom:10%;
		width:60%;
		position:fixed;
		padding:10px;
	}

	.pic
	{
		display:inline;
		padding-left:30px;
		width:70%;
	}	
		
	.pic1
	{
		display:inline;
		width:70%;
	}

	.img1
	{
		width:60%;
		padding:0px 10px;
		position:fixed;
		top:50%;
		left:19%;
		vertical-align:center;
		margin-top:20px;
	}
	
	.img2
	{
		width:60%;
		padding:0px 10px;
		position:fixed;
		top:70%;
		left:19%;
		vertical-align:center;
		margin-top:20px;
	}
}	

/*For tabs and large mobiles*/
@media only screen and (max-width: 600px)
{
	html
	{
		background: url(images/Background_Web.jpg) no-repeat center center fixed;
		background-size: cover;
		height: 100%;
		overflow: hidden;
	}

	.row
	{
		display:inline;
		visibility:hidden;
	}
	
	.instructbox
	{
		padding:10px;
		width:70%;
		position:fixed;
		top:45%;
		left:2%;
	}
		
	.pic
	{
		width:60%;
		position:fixed;
		margin-left:16%;
	}
				
	.pic1
	{
		display:inline;
		visibility:hidden;
	}

	.img1
	{
		position:fixed;
		width:50%;
		top:50%;
		left:24%;
	}

	.img2
	{
		position:fixed;
		width:50%;
		top:80%;
		left:24%;
	}
}

/*For small Mobiles*/
@media only screen and (max-width: 450px)
{
	html
	{
		background: url(images/Background_Web.jpg) no-repeat center center fixed;
		background-size: cover;
		height: 100%;
		overflow: hidden;
	}
	
	.row
	{
		display:inline;
		visibility:hidden;
	}
	
	.instructbox
	{
		width:85%;
		padding:10px;
		position:fixed;
		left:-32%;
		top:50%;
		bottom:20;
	}

	.pic
	{
		display:inline;
		padding-left:32%;
		width:120%;
	}

	.pic1
	{
		display:inline;
		visibility:hidden;
	}
	
	.img1
	{
		position:fixed;
		width:80%;
		top:57%;
		left:10%;
	}
	
	.img2
	{
		position:fixed;
		width:80%;
		top:80%;
		left:10%;
	}
}