

.top-back{
	height:110%;
	background-image:url("images/header.png"); background-size:100% 100%; background-repeat:no-repeat;
}
.heading{
	margin-left: 100px;

}
.heading img{
	width:80%;

	}

.logoimg{
	width:25%;
	margin-left: 50px;
}
.navul{
	float:right;
	list-style: none;
	margin-top:20px;
}
.navli{
	color:white;
	float:right;
	margin:15px;
}
.navbtn	button{
		display:none;
	}

.topform{
	margin-top:30px;
	border:none;
	border-bottom:1px solid black;
	width:50%;
	background: transparent;
	margin-right:150px;

}
.formback{
	background-image:url('images/Ellipse.png');
	height:100%;
	 background-size: 450px 450px;
	 background-repeat: no-repeat;

}
.formhead{
	font-size: 150%;
	margin-right:160px;

}
.formsubmit{
	margin-top:45px;
	border:none;
	margin-right:170px;
	width:45%;
	background-color: transparent;
}
.notes {
    background-image: -webkit-linear-gradient(left, transparent 10px, transparent 10px), 
    	-webkit-linear-gradient(right, transparent 10px, transparent 10px), 
    -webkit-linear-gradient(transparent 30px, black 30px, black 31px, white 31px);
    background-size: 100% 100%, 100% 100%, 100% 32px;
    line-height: 31px;
}
.text{
	font-family:myriad pro;
	color:#7f7d7d;
	font-size:18px;
	width:100%;
	
}
.para{
float:right;
width:50%;
}
.para2{
float:left;

}
.orgback{
	background-image: url('images/123.jpg'); 
	background-size: 100% 85%; 
	width:100%; 
	height:85%;
	background-repeat: no-repeat;
}
.orgtext{
	color:white; 
	font-size:50px;
 	margin-top:50px
}
.orgtext2{
	color:white;
	font-size:30px
}
.orgtext3{
	color:white;
	font-size:18px;
	 margin-top:30px;
	
}
.btnlast{
	font-size:30px; 
	width:50%;
	height:55px;
	border-radius:100px;
	background-image:linear-gradient(#ff3335,#ff684c);
	color:white;

}
.btnlast:hover{
	color:white;

}



@media screen and (max-width: 1200px)
{
	.logoimg{
	
	margin-left: 60px;
	}
	.heading img{
	width:100%;

	}
	
	.formback{
	 background-size: 350px 350px;
	}
	.topform{
	margin-top:20px;
	width:60%;
	margin-right:60px;
	}
	.formhead{
	font-size: 150%;
	margin-right:80px;

	}
	.formsubmit{
		margin-top:30px;
		margin-right:80px;
		width:40%;
		}
		.orgtext{
		color:white; 
		font-size:45px;
	 	margin-top:50px
		}
		.orgtext2{
		color:white;
		font-size:25px
		}
		.orgtext3{
			color:white;
			font-size:15px;
			 margin-top:30px;
			
		}


}
@media screen and (max-width:900px)
{
	.logoimg{
	
	margin-left: 25px;
	}
	.heading {
	margin-left:55px;

	}

	.formback{
	 background-size: 300px 330px;
	}
	.top-back{
		height:80%;
	
	}
	.topform{
	margin-top:12px;
	width:70%;
	margin-right:35px;
	}
	.formhead{
	
	margin-right:46px;

	}
	.formsubmit{
		margin-top:30px;
		margin-right:25px;
		width:45%;
		}
		.para2{
		width:200%;
		margin-bottom:50px;
		}
		.btnlast{
		font-size:20px; 
		
		}


}
@media screen and (max-width: 700px)
{
	.top-back{
		height:60%;
		float:right;
		display:block;

	}
	.logoimg{
		width:45%;
		margin-left:16px;
	}
	.heading img{
	width:85%;

	}
	.navli{
		margin:5px;
		font-size:12px;
	}
	.navbtn
	button{
		display:none;
	}
	

	.formback{
	 background-size: 220px 250px;
	}
	.topform{
	margin-top:2px;
	width:55%;
	margin-right:30px;
	}
	.formhead{
	font-size:120%;
	margin-right:40px;

	}
	.formsubmit{
		margin-top:20px;
		margin-right:20px;
		width:38%;
		}
		.para{
			width:100%;

		}
		.para2{
		width:100%;
		margin-bottom:50px;
		}
		.orgback{
		height:500px;
		background-repeat: no-repeat;
		}
		.orgtext{
		color:white; 
		font-size:25px;
	 	margin-top:20px
		}
		.orgtext2{
		color:white;
		font-size:18px
		}
		.orgtext3{
			color:white;
			font-size:12px;
			 margin-top:10px;
			
		}
		.btnlast{
		font-size:14px;
		font-weight: bold; 
		
		}
		
}
@media screen and (max-width: 500px)
{
	

	.formback{
	 background-size: 145px 155px;
	}
	.formhead{
	font-size:75%;
	margin-right:25px;

	}
	.topform{
		font-size:8px;
	margin-top:1px;
	margin-right:8px;
	
	}
	.logoimg{
		width:55%;
	}
	.heading img{
	margin-top:-25px;
	width:88%;

	}
	.notes {
    
    line-height: 14px;
}
	.top-back{
		height:40%; 
		position: relative;
  		display: inline-block;
	}
	.navul {
		
		display:inline-block;
	  	position: absolute;
  		background-color: transparent;
 	 	width: 100px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
  		margin-top:35px;

	}
	.navli {
		color:white;
		display:none;
	  	position: relative;
 	 	min-width: 100px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  		font-weight:normal;
  		font-family: sans-serif;

		}
	.navbtn
	button{
  		display: inline-block;
		float:right;
		margin:15px;

	}
	.navbtn:hover .navli{
		display:inline-block;
	}
	.navul li:hover {
		background-color:white;
		color:#f61a18;

	}
	.formsubmit{
		margin-top:8px;
		margin-right:20px;
		width:35%;
		}
		.orgback{
		height:330px;
		
		}
		.orgtext{
		color:white; 
		font-size:12px;
	 	margin-top:1px
		}
		.orgtext2{
		color:white;
		font-size:10px
		}
		.orgtext3{
			color:white;
			font-size:5px;
			 margin-top:2px;
			
		}
		.btnlast{
		font-size:10px;
		height:28px	;
		width:55%;
		}

}
@media screen and (max-width: 360px)
{
	.logoimg{
		width:55%;
		margin-left: 10px;
	}
	.heading img{
	margin-top:-15px;
	width:100%;
	margin-left: -17px;
	}
	.top-back{
		height:38%; 
		position: relative;
  		display: inline-block;
	}
	.navul {
		
		display:inline-block;
	  	position: absolute;
  		background-color: transparent;
 	 	width: 100px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
  		margin-top:35px;

	}
		.notes {
    
    line-height: 10px;
	}
	.navli {
		color:white;
		display:none;
	  	position: relative;
 	 	min-width: 100px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  		font-weight:normal;
  		font-family: sans-serif;

		}
	.navbtn
	button{
  		display: inline-block;
		float:right;
		margin:15px;

	}
	.navbtn:hover .navli{
		display:inline-block;
	}
	.navul li:hover {
		background-color:white;
		color:#f61a18;

	}

	.formback{
	 background-size: 125px 135px;
	}
	.formhead{
	font-size:58%;
	margin-right:15px;

	}
	.topform{
		
		font-size:7px;
		width:60px;
		}
		.formsubmit{
		margin-top:6px;
		margin-right:10px;
		width:25%;
		}
		.orgtext{
		color:white; 
		font-size:11px;
	 	margin-top:1px
		}
		.orgtext2{
		color:white;
		font-size:8px
		}
		.orgtext3{
			color:white;
			font-size:4px;

			 margin-top:1px;
			
		}
		.btnlast{
		font-size:8px;
		height:28px	;
		width: 62%
		}
} 

