.suggested_action  {
  width:175px;
  min-height: 250px;
  padding:15px;
  text-align:center;
  margin:auto;
  display:block;
  }
  
  
.front-page-a{
	position:absolute;
	width:20%;
	bottom: 10%;
}
.green-button{	
	border: none;
    color: white;
    background-color: var(--green);
    
    text-transform: uppercase;
    text-align: center;
	border-radius:20px;
	padding: 5px 10px 5px 10px;
	margin-top:10px;

	
   
}
.green-button:hover{
	background-color:#666;
	color:white;
	text-shadow:none;
	border:none;
	border-radius:20px;
	padding: 5px 10px 5px 10px;

}




.orange-button{	
	border: none;
    color: white;
    background-color:#F60;
    
    text-transform: uppercase;
    text-align: center;
	border-radius:20px;
	padding: 5px 10px 5px 10px;
	margin-top:10px;

	
   
}
.orange-button:hover{
	background-color:#666;
	color:white;
	text-shadow:none;
	border:none;
	border-radius:20px;
	padding: 5px 10px 5px 10px;

}



.white-button{	
	border: solid 2px #DDD;
    color: var(--green);
    background-color: white;
    font-size: var(--fontbut);
    text-transform: uppercase;
    text-align: center;
	border-radius:20px;
	padding: 3px 7px 3px 7px;
	margin-top:10px;

	
   
}
.white-button:hover{
	background-color:#666;
	color:white;
	text-shadow:none;
	border:solid 2px #666;
	border-radius:20px;
	padding: 3px 7px 3px 7px;

}


.gray-button{	
	border: none;
    color: white;
    background-color: #666;
    font-size: var(--fontbut);
    text-transform: uppercase;
    text-align: center;
	border-radius:20px;
	padding: 3px 7px 3px 7px;
	margin-top:10px;

	
   
}
.gray-button:hover{
	background-color:#666;
	color:white;
	text-shadow:none;
	border:none;
	border-radius:20px;
	padding: 3px 7px 3px 7px;

}



 
#big-green{
	text-transform:UPPERCASE;
	font-size: 60px;
    letter-spacing:0; 
	color:var(--green); 
	text-align:left;
	margin-top: 90px;
}

#quote-green{
	font-size: var(--fonth3);
	color:var(--green); 
	padding:10px;
}


#med-green{
	text-transform:UPPERCASE;
	font-size: 30px;
	color:rgb(54 112 12); 
	padding:0px;
}


#small-green{
	text-transform:UPPERCASE;
	font-size: var(--fonth4);
	color:var(--green); 
	padding:10px;
}


.task_container  {
  width:225px;
  text-align:center;
  margin:auto;
  display:block;
  }
  
  
input[type='checkbox'] {
    width:30px;
    height:30px;
    border-radius:5px;
    border:2px solid #555;
}


.indented{
	text-indent: 30px;
	
}


.required label:after {
    content: "*";
    color: red;
}


label {
 display: inline-block;
 margin-bottom: 5px;
}

.form-row {
  display: flex;
  width: 60%;;
}

.form-group {
  padding: 5px;
  width: 50%;
  
}

.form-group input {
  width: 95%;
  padding: 5px 5px; line-height: 15px;
}

.form-group select {
  position:relative;
}


.relative {
 padding: 10px;
 position: relative;
 background-color: #fff;
 margin: 10px;
} 

.square_img{
  width:225px;
  height:150px;
  object-fit:cover;
}

@media only screen and (max-width: 900px) {
	.login-table{
		display: none;
	}


}