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

#text-responding p{
		font-family:Arial, Helvetica, sans-serif;
		color:#838383;
		font-size:18px;
		line-height:1.2;
		margin-bottom: -12px;
		display: block;
		width: 100%;
		margin-top: 10px;
	}	
	
#content{
	min-height: 27em;
	width: 100%;
}

	#header #logo{
		margin: 30px 0 0 20px;
	}
	
	
#wrapper
{	 
	width: 95%;
	
}



#header #title h1{
		font-size:26px;
	}
	
	
	
#left_col{
	float:left;
	width: 55%;
	
}
#right_col{
	float:right;
	margin:-7px 30px 0 0px;
	width: 40%;
}

video
{
	width: 92%;
	height: 92%;
}

#video
{
	margin-top: 25px;
	margin-left: 25px;
}

#arrow
{
	background-size: 100%;
	width: 60%;
	top: 510px;
}

#form_title h2{
		text-align: center;
		font-size: 20px;
		width: 255px;
		margin: auto;
	}
	
	#form_title
	{
		margin-top: 32px;
	}


#signup_text{
	top: 518px;
	margin-left: 20px;
	margin-top: 0px;
}
	#signup_text p{
		font-size:16px;
		width: 100%;
	}
	
#sign_up
{
	width: 100%;
	padding:0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#text p{
	display: none;
}


}

@media only screen and (max-width: 880px) 
{
	
	
	#form_title h2{
		padding: 12px 20px;
		text-align: center;
	}
	
	
	
		#signup_text p{
		font-size:14px;
		width: 100%;
		margin-top: 15px;
	}

#arrow
{
	background-size: 100%;
	width: 60%;
	top: 517px;
}

#signup_text{
	top: 517px;
	margin-left: 20px;
	margin-top: 15px;
}

.hide
{
	display: none;
}

}


@media only screen and (max-width: 768px) 
{
	
	#header #logo
{
width: 140px;
height: 32px;
margin: 0px 0px 0px 14px;
background-size: 100%;
position: absolute;
top: 10%;
background-color: #000;
background-repeat:no-repeat;
border: 4px solid #000;
}

#content{
	min-height: 37em;
	background: none;
	box-shadow: none;
}

#header
{

	background-color: #000;
	margin-bottom: -8px;
	margin-top: -8px;
}


	
#header #title{
	width: 100%;
	margin: 20px 0px 20px 0px;
	text-align: center;
	
}


#header #title h1 {
line-height: 35px;	
font-size: 29px;
padding-left: 25px;
padding-right: 25px;
width: 80%;
margin: auto;
}


#wrapper
{	 
	width: 100%;
}

#left_col{
	float:left;
	width: 100%;
	margin: 0px;
	
}
#right_col{
	float:left;
	width: 100%;
	margin-top: -40px;
}

#form_title
	{
		background-color: #fb971d;
		margin-top: 32px;
	}

#form_title h2{
		font-size:21px;
		color: #000;
		text-align: center;
		font-weight: bold;
		width: 80%;
	}
	
.smallarrow
{
	margin-top: -55px;	
	position: absolute;
	right: 7px;
	display: block;
}


#arrow, #signup_text
{
	display: none;
}


#fine_print
{
	font-size: 10px;
	margin-top: 20px;
	width: 93%;
}

	


#video
{
	margin: 0px;
}

video
{
	width: 100%;
	border: 0px solid #cccccc !important;
	height: 522px;
	margin-top: -1px;
}


	#text-responding p{
		display:  none;
	}

}

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


video
{
	width: 100%;
	border: 0px solid #cccccc !important;
	height: 100%;
	margin-bottom: 4px;
}


#form_title h2{
		font-size: 20px;
		line-height: 23px;
	} 


}


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


#header #title h1 {
	font-size: 24px;
	line-height: 26px;
}

	
#form_title h2{
		font-size: 20px;
		line-height: 23px;
	} 
	
	
	
#header #logo
{
width: 100px;
height: 22px;
margin: 0px 0px 0px 14px;
background-size: 100%;
position: absolute;
background-color: #000;
background-repeat:no-repeat;
border: 4px solid #000;
}


#header #logo
{
top: 9%;
}


}


@media only screen and (max-width: 480px) 
{
	
#header #title h1 
{
    font-size: 19px;
	line-height: 23px;
}


#form_title h2 
{
    width: 70%;
	padding-left: 40px;
	padding-right: 40px;
}

#header #logo
{
top: 10%;
}

}




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

#header #title h1 
{
    font-size: 18px;
}


}