article {
  display: none;
}

section a {
  color: chocolate;
  text-decoration: underline;
}

section a:hover {
  color: rgb(79,44,39);
}

input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=time] {
  font-size: 1.2rem;
  caret-color: red;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid black;
  width: 27.5rem;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=time]:focus {
  background: #ffc;
}

input[type=date],
input[type=time] {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  width: 9em;
}

select {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.2rem;
}

textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.2rem;
  caret-color: red;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid black;
  width: 25.5rem;
}

textarea:focus {
  background: #ffc;
}

fieldset {
  border: 1px solid black;
  border-radius: 3px;
  width: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.0em;
  background-color:  rgb(219,184,133);
  background-color:  rgba(219,184,133,0.8);
/*background-color: gainsboro;*/
}

legend {
  border: 2px solid rgb(219,184,133);
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  background-color: rgb(79,44,39);
  color: white;
  font-size: 1.2rem;
}

ul {
  display: inline-block;
  list-style: none;
  padding: 0;
}

form ul {
  padding-left: 10px;
  text-align: left;
}

form li {
  margin-bottom: 10px;
}

label {
  display:inline-block;
  vertical-align: top;
}

fieldset label {
  width: 20rem;
}

.btngo {
  border: 2px solid rgb(79,44,39);
  border-radius: 3px;
  background-color: rgb(219,184,133);
  color: rgb(79,44,39);
  font-size: 1.0rem;
  padding: 5px 5px 5px 5px;
  width: 10em;
  transition: all .25s ease-in;
}

.btngo:hover {
  border: 2px solid rgb(219,184,133);
  background-color: rgb(79,44,39);
  color: rgb(219,184,133);
}
iframe.small{
    width: 800px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}

.fsmall {
  font-size: 1.2rem;
}

.mail {
  color: rgb(79,44,39);
  font-size: 1.7rem;
}

span {
  color: firebrick;
  font-weight: bold;
}

article svg, section svg {
  color: rgb(79,44,39);
}

@media (min-width: 30rem) {
  article {
    display: inline-block;
  }
  section {
    display: none;
  }
}