#registration-pghdr		
	{
	width: 96%;
	height: auto;
	margin: auto;
	padding: .50rem 0rem 2rem 0rem;
	border: 1.5rem solid red;
	outline: 1.5rem solid black;
	color:maroon;
	}



#regist-info






.p-registpara
	{
	width: 80%;
	height: auto;
	margin: auto;
	padding: 0rem 0rem 0rem 0rem;
	text-align:left;
	}

.regist-a
	{
	width:80%;
	font-size: 3rem;
	font-weight: bold;
	color: blue;
	margin: auto;
	padding: 1rem 0rem 1rem 0rem;
	text-align:center;
	display:block;
	}





#regist-form-wrapper
	{
	width: 100%;
	height: auto;
	margin: 5rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	border: .30rem solid red;
	display:flex;
	flex-direction: column;
	
	}

#reg-section-1-wrapper
	{
	width: 100%;
	height: auto;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	border: .20rem solid red;
	
	}

#reg-form-section-1a
	{
	float: left; 
	width: 50%;
	height: auto;
	margin: 0rem 0rem 0rem 0rem;
	padding: 1rem 0rem 2rem 2rem;
	border-right: .20rem solid red;
	
	}

#reg-form-section-1b
	{
	float: left; 
	width: 50%;
	height: auto;
	margin: 0rem 0rem 0rem 0rem;
	padding: 1rem 0rem 2rem 2rem;
	border-left: .0rem solid red;
		}



#reg-section-2-wrapper
	{
	width: 100%;
	height: auto;
	margin: 2rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	border: .30rem solid red;
	
	}

#reg-form-section-2a
	{
	float: left; 
	width: 50%;
	height: auto;
	margin: 0rem 0rem 0rem 0rem;
	padding: 1rem 2rem 2rem 2rem;
	border-right: .2rem solid red;
	
	}

#reg-form-section-2b
	{
	float: left; 
	width: 50%;
	height: auto;
	margin: 0rem 0rem 0rem 0rem;
	padding: 1rem 2rem 2rem 2rem;
	border-left: .0rem solid red;
	
	}




.section-hdr
	{
	text-align: center; 
	width: 85%;
	height: auto;
	margin: auto;
	border: .0rem solid blue;
	padding: 1rem 2rem 1rem 2rem;
	}




#form-buttons
	{
	width: 100%;
	height: auto;
	margin: auto;
	border: .0rem solid blue;
	padding: 0rem 0rem 0rem 0rem;
	}


.p-button
	{
	float: center;
	text-align: center; 
	width: 100%;
	height: auto;
	margin: auto;
	border: .0rem solid black;
	padding: 0rem 0rem 0rem 0rem;
	}



.button
	{
	font-size: 3rem;
	font-weight: bold;
	font-family: arial;
	color: red;
	border: .5rem solid black;
	background-color:none;
	width: 15rem;
	height: 10rem;
	margin: auto;
	text-align:center;
	padding: 1rem 1rem 1rem 1rem;
	}
	

	
input[type=submit]
	{
	font-size: 3rem;
	font-weight: bold;
	font-family: arial;
	color: red;
	border: 1rem solid black;
	background-color:none;
	width: 15rem;
	height: 10rem;
	margin: 1rem 1rem 1rem 1rem;
	text-align:center;
	padding: 2rem 1rem 2rem 1rem;
	}
	


input[type=email]
	{
	font-size: 2rem;
	font-weight: normal;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	width: 40rem;
	}

input[type=text]
	{
	font-size: 2rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	width: 30rem;
	}
 
input[type=tel]
	{
	font-size: 2rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	width: 30rem;
	}
 
input[type=date]
	{
	font-size: 2rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	width: 30rem;
	}
 
input[type=checkbox]
	{
	font-size: 5rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: 3rem solid black;
	background-color:#f2f2f2;
	width: 5rem;
	}
 
 
input-errors
	{
	font-size: 2rem;
	font-weight: normal;
	font-family: arial;
	color: red;
	border: none;
	width: 30rem;
	}
 
   
label
	{
	font-size: 2rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	display: inline-block;
	width: 25rem;
	text-align: left;	
	}

select
	{
	font-size: 2rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	}

checkbox
	{
	font-size: 5rem;
	font-weight: bold;
	font-family: arial;
	color: black;
	border: .1rem solid black;
	background-color:#f2f2f2;
	width: 5rem;
	}



#email_address
	{
	margin-bottom: 0rem;
	margin-left: 0rem;
	}

@media screen and (max-width: 800px)
		{
		#form-section-1a {width: 100%; border: .20rem solid red;}
		#form-section-1b {width: 100%; border: .20rem solid red;}
		#form-section-2a {width: 100%; border: .20rem solid red;}
		#form-section-2b {width: 100%; border: .20rem solid red;}
		#form-section-3a {width: 100%; border: .20rem solid red;}
		#form-section-3b {width: 100%; border: .20rem solid red;}
		#sec1-sec2-brk   {width: 100%; border: .20rem solid red;}
			
		}

@media screen and (max-width: 700px)
	{
	#form-wrapper	 {font-size: 15px;}
	}