body, html {
	font-family: Georgia, serif;  font-size:1.2em; color: #333; background-color:#f5f5f5;
}

h1 { font-family: 'Coustard', Georgia, serif; 1.4em; position:relative; top:-5px; font-weight:bold; color:#53a14c; margin: 10px auto 0 auto; }

.initiate { width:300px; margin:auto; }

.p1 { 
text-align:right;
	clear: both;
	margin-bottom: 0px;
}
.main1 {
	min-width: 300px; max-width: 800px;
	margin: 10px auto 35px auto;
	padding:10px 20px 20px 20px;
	
	background-color:#EDEDED;
	border: 1px #666 solid;
	border-radius: 12px;
	
}

.box1 {
	min-width: 300px; max-width: 800px;
	margin: 10px auto 35px auto;
	padding:10px 0px 20px 0px;
	
}

// Select box

.t1_wrapper { margin:auto }

select {
  margin-bottom:-5px;
  width: 54px;
  padding: 5px 5px 5px 5px;
  font-size: 16px;
  border: 1px #666 solid;
  height: 44px;
  border-radius: 12px;
 background-color: #FFF;
}

.t1 {
	height: 34px;
	width: 34px;
	border: 1px #666 solid;
	border-radius: 12px;
	padding:4px;
	text-align: center;
	font-family: Georgia, serif; font-size:1em;
	text-transform: uppercase;
}
.t2 {
	height: 36px;
	width: 98%;
	border: none;
	border-radius: 12px;
	border: 1px #666 solid;
	padding:4px 1px 1px 4px;
	font-family: Georgia, serif; font-size:1em; letter-spacing: .05em;
	text-transform: uppercase;
}

.input_grey { background-color: #d6d6d6; }
.input_yellow { background-color: #e8e4ae; }
.input_green { background-color: #c0e6bc; }

label { font-weight: bold; }


.results_wrapper {
background:#fff; padding:10px; 
margin:1px; border:1px #666 solid; 
border-radius: 12px;
}
.results { 
position: relative; top:0px;
font-family:  Georgia, serif; font-size:1em;
text-transform: uppercase;
}


.button1 { 
font-family: Georgia, serif; 
padding:3px 10px 3px 10px; 
font-size:1em; font-weight:normal; 
border-radius:8px; border:2px #666 solid; 
background-color: #53a14c; 
color:#FFF; cursor:pointer; 
}

.button2 { 
font-family: Georgia, serif; 
padding:3px 10px 3px 10px; 
font-size:1em; 
font-weight:normal; 
border-radius:8px; border:2px #666 solid; 
background-color: #999; 
color:#FFF; cursor:pointer;  
}



/* Mobile */

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

	body, html {
	font-family:  Georgia, serif;  
	font-size:1.0em; color: #333; margin:0;  
	background-color:#EDEDED;
}

h1 { font-family: 'Coustard', Georgia, serif; font-size: 1.8em; white-space: nowrap; position:relative; top:-5px; font-weight:bold; color:#53a14c; margin: 10px auto 0 auto; }
	
	/*
	.main1 { border:none !important; min-width: 75%;
   width:100%; padding:none; border-radius: none;
   background-color:#EDEDED;
   
   }
   */
   
   
   .main1 {
	width: 90%;
	margin: 0;
	background-color:#EDEDED;
	border:none;
	padding:5px 20px 20px 20px;
}

   .box1 {
	width: 94%;
	margin: auto;
	border:none;
	padding:5px 0px 20px 0px;
}



.button1 { 
font-family: Georgia, serif;  
height:50px; 
padding:5px 15px 5px 15px; 
font-size:1em; font-weight:normal; 
border-radius:8px; border:2px #666 solid; 
background-color: #53a14c; 
color:#FFF; cursor:pointer; 
}


.button2 { 
font-family: Georgia, serif; 
height:50px; padding:5px 15px 5px 15px;  
font-size:1em; font-weight:normal; 
border-radius:8px; border:2px #666 solid; 
background-color: #999; 
color:#FFF;  cursor:pointer; 
}

.input_grey { background-color: #d6d6d6; }
.input_yellow { background-color: #e8e4ae; }
.input_green { background-color: #c0e6bc; }

label { font-weight: bold; font-size:1.1em; }

.t1 {
	height: 34px;
	width: 40px;
	border: 1px #666 solid;
	border-radius: 12px;
	padding:4px;
	margin-bottom: 4px;
	text-align: center;
	font-family:  Georgia, serif; font-size:1em;
	text-transform: uppercase;
}
.t2 {
	height: 50px;
	width: 98%;
	border: none;
	border-radius: 12px;
	border: 1px #666 solid;
	padding:4px 1px 1px 4px;
	font-family:  Georgia, serif; font-size:1em; letter-spacing: .05em;
	text-transform: uppercase;
}

.results_wrapper {
background:#fff; padding:10px; 
margin:1px; border:1px #666 solid; 
border-radius: 12px;
}
.results { 
position: relative; top:0px;
font-family:  Georgia, serif; font-size:1em;
text-transform: uppercase;
}
    
  .desktop {
    display: none;
  }
  
  .content {
   width:96%;  padding:2%;
   font-size:18px; line-height:1.5em;  
   background-color:rgba(0,0,0,0.6);
   position: relative; top:90px;
   }

}