/*  Browser Specific code   */
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
selector { 
property:value; 
}
}}

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
selector { 
property:value; 
}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
selector { 
property:value;
}
}}

@-moz-document url-prefix() {
selector {
property:value;
}
}

@supports (-ms-ime-align:auto) {
selector {
property: value;
}
}

/* --  END BROWSER SPECIFIC CODE -- */

html,body 	{
	width:100%;
	height:100%;
	margin:auto;
	min-width:600px;
	max-width:2000px;
	height:100%;
	background-color: #F5F5DC;
	touch-action: manipulation;
	}


fieldset {
  padding: 1em;
  font:100%/1 sans-serif;
  margin:auto;
  background-color:#CCC;
  font-size:18px !important;
  max-width:900px;
  padding:16px;	
  border:4px solid green;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;	
    border-radius:28px;	
  }
  
legend  {
	font-weight:bold;
	color: #330066;
	font-size: 18px;
}
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }

	
input[type=submit] {
    border: 1px solid #f44c0e;
    color: yellow;
    background: #111;    
    font: bold 11px Verdana;
    text-transform: uppercase;
    letter-spacing: 2px;
	height:37px;

	padding: 10px 20px 10px 20px;
    border-radius: 20px;
}
input[type=submit]:hover {
    background: #111;
    color:#fff;
    font-size: 11px;
}
input[type=button] {
    border: 1px solid #f44c0e;
    color: yellow;
    height:25px;
    font-size: 12px;
    background: #111;
	padding: 10px 20px 10px 20px;
    border-radius: 20px;
}
input[type=button]:hover {
	color: #fff;
    }
input:required {
	box-shadow: 4px 4px 
	20px rgba(200, 0, 0, 0.85);
}
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
}
textarea::placeholder {
  font-size: 20px !important;
}
p {
	font-size:14px;
	}

.btn {
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  text-shadow: 1px 1px 3px #014464;
  font: bold 11px Verdana;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  height:25px;
  background: #014464; 
  color: #ffffff;
  padding: 10px 20px 25px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #111;
  color: #fff;
  
  text-decoration: none;
}
@font-face {
  font-family:tangerine;
  font-style: normal;
  font-weight: 600;
  src: local( 'tangerine-bold'), url('/fonts/tangerine-bold.ttf');
  }
  
.fruit {
        font-family:"tangerine";
        font-size:2.1em;
        font-weight: 600;
        text-align:center;
        color:#000066;
        margin-left:5px;
}
h3 {
		text-align:center;
        font-family:"tangerine";
         font-style: normal;
        font-weight: 600px;
        font-size:25px;
        text-align:center;
        color:#000066;
        margin-left:5px;
}