<style type="text/css">

sup {
    font-size: 70%;
    line-height: 0;
    /*position: relative; */
    vertical-align: baseline;
}

sup {
    top: -.75em;
}



/* for desktop p.c.s and similar size screens */

@media only screen and (min-device-width: 1290px)  
{


#headline {
	max-width: 70%;
	margin-left: 15%;
	margin-top: 1%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 600%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 0%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#subheadline {
	max-width: 70%;
	margin-left: 15%;
	margin-top: 0%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 200%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 1%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#features-left {
	float:left;
	width: 25%;
	margin-top:2%;
	margin-left: 15%; 
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 10%;
	
	background-color: #FFFFFF;
	font-family: Arial;
	
	color: #0000CC;
	
}

#features-right{
	float: left;
	margin-top:2%;
	width: 34%;
	margin-left: 0%; 
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 10%;
	padding-right: 0%;
	background-color: #FFFFFF;
	color: #0000CC;

}

#sbmt_bttn{
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;				/* this stops the default underline of links */
	color: #000000;					/* color of the text */
	background-color:#628EB3;			/* color of the background */
	border-style: outset; 
	border-radius:30px;
	font-family: Gabriola;
	border-color:#D2D1D8;
	font-size: 200%;
	}
	





	
#footer
	{
	
	text-align: center; 
	width: 70%;
	margin-left: 15%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	
	float: left;
	background-color: #FFFFFF;
    font-family: Arial;
	font-size: 70%;
	color: #0000CC;
	opacity: 1;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius:20px;
	
	
	
	
	}




}   /*  end @media only screen and (min-device-width: 1290px) */

/*  The following is css for ipad type screens  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1290px)  
{

#headline {
	max-width: 100%;
	margin-left: 0%;
	margin-top: 3%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 400%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 0%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#subheadline {
	max-width: 100%;
	margin-left: 0%;
	margin-top: 0%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 150%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 1%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#features-left {
	float:left;
	width: 45%;
	margin-top:2%;
	margin-left: 0%; 
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 7%;
	
	background-color: #FFFFFF;
	font-family: Arial;
	
	color: #0000CC;
	
}

#features-right{
	float: left;
	margin-top:2%;
	width: 45%;
	margin-left: 0%; 
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 0%;
	background-color: #FFFFFF;
	color: #0000CC;

}

#sbmt_bttn{
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;				/* this stops the default underline of links */
	color: #000000;					/* color of the text */
	background-color:#628EB3;			/* color of the background */
	border-style: outset; 
	border-radius:30px;
	font-family: Gabriola;
	border-color:#D2D1D8;
	font-size: 200%;
	}
	





	
#footer
	{
	
	text-align: center; 
	width: 70%;
	margin-left: 15%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	
	float: left;
	background-color: #FFFFFF;
    font-family: Arial;
	font-size: 70%;
	color: #0000CC;
	opacity: 1;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius:20px;
	
	
	
	
	}

}  /* end @media only screen and (min-device-width: 768px) and (max-device-width: 1290px




/*  The following is css for iphone type screens - horizontal or landscape mode  */

@media only screen and (min-device-width: 300px) and (max-device-width: 767px) and (orientation:landscape)
{
#headline {
	max-width: 100%;
	margin-left: 10%;
	margin-top: 5%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 400%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 0%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#subheadline {
	max-width: 100%;
	margin-left: 10%;
	margin-top: 0%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 130%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 1%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#features-left {
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:50%;
	float:left;
	
	margin-top:2%;
	
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 13%;
		
	font-family: Arial;
	
	background-color: #FFFFFF;
	color: #0000CC;
	
}

#features-right{
	display: block;
    margin-left: auto;
    margin-right: auto;
	
	float: left;
	margin-top:2%;
	
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 5%;
	
	font-family: Arial;
	
	background-color: #FFFFFF;
	color: #0000CC;

}

#sbmt_bttn{
	
	text-decoration: none;				/* this stops the default underline of links */
	color: #000000;					/* color of the text */
	background-color:#628EB3;			/* color of the background */
	border-style: outset; 
	border-radius:30px;
	font-family: Gabriola;
	border-color:#000000;
	font-size: 150%;
	}
	





	
#footer
	{
	
	text-align: center; 
	width: 70%;
	margin-left: 1%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	
	float: left;
	background-color: #FFFFFF;
    font-family: Arial;
	font-size: 70%;
	color: #0000CC;
	opacity: 1;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius:20px;
	
	
	
	
	}




}   /*  end @media only screen and (min-device-width: 300px) and (max-device-width: 767px)) */

	
/*  The following is css for iphone type screens - vertical or portrait mode  */

@media only screen and (min-device-width: 300px) and (max-device-width: 767px) and (orientation:portrait)
{

div{
  display: flex;
  flex-direction: column;
}

#headline {
	max-width: 100%;
	margin-left: 10%;
	margin-top: 5%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 400%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 0%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#subheadline {
	max-width: 100%;
	margin-left: 10%;
	margin-top: 0%; 
	
	background-color: #FFFFFF;
	font-family: Gabriola;
	font-size: 130%;
	text-align: center;
	color:#3D4F7C;
	background-color: #FFFFFF;
	
	padding-top: 1%;		
	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#features-left {
	display: block;
    margin-left: auto;
    margin-right: auto;
	
	float:left;

	margin-top:5%;
	padding-top: 1%;
	padding-bottom: 2%;
	
	
	background-color: #FFFFFF;
	font-family: Arial;
	
	color: #0000CC;
	
}

#features-right{
	display: block;
    margin-left: auto;
    margin-right: auto;
	
	float: left;
	margin-top:10%;
	
	
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 0%;
	background-color: FFFFFF;
	color: #0000CC;


}

#sbmt_bttn{
	text-decoration: none;				/* this stops the default underline of links */
	color: #000000;					/* color of the text */
	background-color:#628EB3;			/* color of the background */
	border-style: outset; 
	border-radius:30px;
	font-family: Gabriola;
	border-color:#000000;
	font-size: 150%;
	
	}
	





	
#footer
	{
	
	text-align: center; 
	width: 70%;
	margin-left: 1%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	
	float: left;
	background-color: #FFFFFF;
    font-family: Arial;
	font-size: 70%;
	color: #0000CC;
	opacity: 1;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius:20px;
	
	
	
	
	}




}   /*  end @media only screen and (min-device-width: 300px) and (max-device-width: 767px)) */







</style>


