@font-face {
		font-family: Roboto;
		src: url(fonts/Roboto-Regular.ttf);
		scr: url(fonts/Roboto-Medium.ttf);
		}
body {
		line-height: 1.7rem;
		font-family: "Roboto", Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: white;
		}
h4		{color:yellow;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 1px;
		}
label {
		font-size: 15px;
		}
a 		{
		color:yellow;
		}
a:visited {
		color:yellow;
		}
.error 	{color: white;
		background-color: #fd3333;}
.success  {color: white;
		background-color: #266702;
		margin-right: 10px;}
.success2  {color: white;
		background-color: #266702;
		font-size: 60px;}
.formtext {
		color: white;}
.formspacing {
		margin-bottom: 3px;
		line-height: 1.0;
		}
.formlegend {
		font-size: 12px;
		}
table {
  width: 100%;
  border-collapse: collapse;
}
table, th, td {
  border: 0px solid black;
}
th, td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}
th {
  background-color: #61ce70;
  color: black;
  font-family: Roboto-medium,sans-serif;
  font-size: 15px;
  font-weight: 500;
}
tr:nth-child(odd) {
  background-color: #8fd194;
  color: black;
  margin-bottom: 5px;
  margin-top: 5px;
}

@media (min-width: 601px) {
  th:nth-child(1), td:nth-child(1) {
     width: 40%;
     }
}
@media (max-width: 600px) {
   table, thead, tbody, td, tr {
      display: block;
	  width: 100%;
      }
   th {
      display: none;
      }
   tr {
      margin-bottom: 0px;
      }
   td {
      display: flex;
	  align-items: baseline;
      text-align: left;
      border: none;
	  padding: 10px 5px:
      white-space: pre-wrap;
      word-wrap: break-word;
      }
   td::before {
      content: attr(data-label);
      flex-basis: 33%;
	  padding-right: 10px;
	  font-weight: bold;
      }
.success2  {color: white;
		background-color: #266702;
		font-size: 25px;}
}
input[type=text] {
  background-color: white;
  border-color: white;
}
input[type=button],[type=submit] {
		background-color: #8fd194;
		font-family: Roboto-medium,sans-serif;
		font-size: 15px;
		font-weight: 500;
		color: black;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 40px;
		margin-bottom: 20px;
		padding: 12px 24px 12px 24px;
		border: none;
		border-radius: 3px;
}
input[type=reset] {
		background-color: #8fd194;
		font-family: Roboto-medium,sans-serif;
		font-size: 15px;
		font-weight: 500;
		color: black;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 40px;
		margin-bottom: 20px;
		padding: 6px 12px 6px 12px;
		border: none;
		border-radius: 3px;
}