.round-button {
	width:50%;
	padding-left:25%;
	
}
.round-button-circle {
top: 50%;
    left: 50%;
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:10px solid #cfdcec;
   
    
    background: #3fd23f; 
    box-shadow: 25px 25px 25px gray;
	
}
.round-button-circle:hover {
	background:#008000;
}

}
.round-button-circle:focus {
	background:#008000;
}

.round-button-circle:active {
	background:#083f08;
	 box-shadow: 8px 8px 8px gray;
}
.round-button form {
	

	
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    padding-left:22%;
	
	color:#e2eaf3;
    font-family:Verdana;
    font-size:.9rem;
    font-weight:bold;
    text-decoration:none;
}

.version1 {
    /* your styles for the class version-one */
    font-size: 3em;
    color: red;
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
.legend {visibility:hidden;}
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
.round-button {padding-top:50%;}
.round-button a{padding-left:10%;}
.round-button a{font-size:2.5em;}
}

/**getting rid of legend for Iphone 6 Plus
*/
.del {position:absolute;
left: 0%;
top: 0%;
font-size: 3.5rem;
width:100%;
}

input[type="text"] {
   margin: 5px; padding: 5px 5px 50px 5px; 
	height: 150px;
	font-size:7rem;
	width: 75%;
}

input[type="submit"] {
   margin: 5px; padding: 5px 5px 50px 5px; 
	height: 150px;
	width: 75%;
	font-size:5rem;
}

input[type="date"] {
   margin: 5px; padding: 5px 5px 50px 5px; 
	height: 200x;
 top: -10px;
	width:47%;
	
	font-size:5rem;
	 
}

body {
	
	color: #666666; 	
	margin: 5px; padding: 5px 5px 50px 5px; 
	background: #F6F5F5 url(../images/bg.gif) repeat-x; 
	text-align: center;
}

h1, h2, h3, h4 {
	font: bold 1.5em/1.5em Georgia, 'Times New Roman', Times, serif;
	color: #444;
	padding: 10px 15px 7px 15px;