input {
margin-top: 3px;
}
input, textarea, select {
box-sizing: border-box;
padding: 4px;
outline: none;
}
input::placeholder {
  color: #474848;
  opacity: 0.5;
}

table {
width: 80%;
margin: 0 auto;
}
td {
padding: 5px;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: .80em;
color: #000000;
text-decoration: none;
font-weight: bold;
}

td.titles {
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 1.1em;
color: #d70300;
text-decoration: none;
font-weight: bold;
background-color: #f2f3f3;
}
td.labels {
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: .85em;
color: #313131;
text-decoration: none;
font-weight: bold;
}
td.info {
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: .85em;
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: #fdfbd1;
}

.fields2 {
font-family: 'Ubuntu', sans-serif;
font-size: .85em;
color: #000000;
text-decoration: none;
text-align: right;
font-weight: 700;
width: 20%;
border: #feb4b4 1px solid;
background-color: #fdf8f8;
}
.fields2:focus {
font-family: 'Ubuntu', sans-serif;
font-size: .90em;
color: #487a01;
text-decoration: none;
font-weight: 700;
border: #86a32d 1px solid;
box-shadow: 0 0 12px #86a32d;
background-color: #ffffff;
transition: 0.1s;
}
select.fields2:nth-child(2) {
margin-left: 2%;
}


/* MEDIA QUERIES */


@media screen and (max-width: 845px) {
	table {
	width: 100%;
	}
}
@media screen and (max-width: 601px) {
	h1 {
	font-size: 35px;
	}
	.fields2 {
	width: 48%;
	}
}