.continue_txt {
	position:fixed;
	text-align: center;
	top: 92%;
	left: 25%; 
	height: 20%;
	width: 50%;
	font-size: 2.5vh;
}


.instruct_img {
    position:fixed;
	top: 35vh;
	left: 23vw; 
	height: 45vh;  
	width: 54vw
}

.kp_bar{	
	position:fixed;
    border: 0.07vw solid black;
	width:6.65%;
	background: #01307a;
}

.kp_bar_border{
	position:fixed;
    border: 0.2vw solid black;
	width:6.6%;
}

.prompt{
    position:fixed;
    text-align: center;
    top: 5%;
    left: 25%; 
    height: 20%;
    width: 50%;
    font-size: 2.5vh;
}

h2.prompt {
	text-align: center;
}


.rectangle_bg {
	 position:fixed;
	 width: 100%;
	 height: 100%;
	 background-color: #fff;
}


.shape_img {
    position:fixed;
	top: 25vh;
	left: 20vw; 
	height: 48vh;
	width: 60vw;
}






.item{
  
    height:60%;
    left:30%; 
    position:fixed;
    top:5%; 
    width:40%;
	
}


.slider{
	  
    left:30%; 
    position:fixed;
    top:72%;  
	z-index:2;
	width:41%;
	color:black;
	
}

.prob {
	  
    left:29%; 
    position:fixed;
    top:59.5%;  
	z-index:2;
	width:43%;
	font-size:1.55vw;
	text-align: justify;
    text-justify: inter-word;
}

.instruct_small {
    left:30%; 
    position:fixed;
	text-align: center;
    top:84%;  
	z-index:1;
	font-size:1.1vw;
	width:41%;
}


.right_text2 {
	 
    left:67%; 
    position:fixed;
    top:71%;  
	z-index:2;
	font-size:1.55vw
}

.left_text2 {
	 
    left:28%; 
    position:fixed;
    top:71%;  
	z-index:2;
	font-size:1.55vw
}





.qu {
	height: 84%;
	width: 72%;
    top:18%;
	left: 25%;
	position:fixed;

} 

.top_instruct {
	  
    left:25%; 
    position:fixed;
    top:3%;  
	width:50%;
	font-size:1.39vw;
	text-align: justify;
    text-justify: inter-word;
}

.submit-btn5{
	
	position:fixed;
    border: 0.07vw solid black;
    border-radius: 3px;
	 top:90%;
	 left:70%; 
	 height:5%;
	 width:6.19%
}




@media screen and (min-width: 800px) {
	.continue_txt {
		font-size: 3vh;
	}

	.instruct_img {
    position:fixed;
		left: 29vw; 
		height: 55vh; 
		width: 42vw; 
	}

	.prompt {
		font-size: 3vh;
	}

	.shape_img {
    position:fixed;
		top: 20vh;
		left: 25vw; 
		height: 65vh;
		width: 50vw;
	}


}

@media screen and (min-width: 1280px) {
	
  	.continue_txt {
		font-size: 3.5vh;
	}

	.instruct_img {
    position:fixed;
		left: 31vw; 
    top: 40%;
		height: 50vh;
		width: 37vw;
	}

	.prompt {
		font-size: 3.5vh;
	}

	.shape_img {
    position:fixed;
		top: 20vh;
		left: 26vw; 
		width: 800px;
    height: 600px;
	}

  .shape_img_outcome {
    position:fixed;
		top: 20vh;
		left: 26vw; 
		width: 800px;
    height: 600px;
	}


}

