@charset "UTF-8";

h1 {
  margin-bottom: 50px;
}

input {
  text-align: left;
}

#metadata-form h2 {
  margin-top: 10px;
  border-bottom: solid 3px;
}

h3 {
  margin-top: 40px;
}

p {
		font-family: Source-Light;
		font-size: 17px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  grid-gap: 5px;
}

textarea {
  width: 100%;
}

.content {
  width: 40vw;
  left: 30vw;
}

.comment {
  width: 100%;
}

.submit {
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 1250px) {
  .content{
    width: 60vw;
    left: 20vw;
  }
}

@media (max-width: 900px) {
  .content{
    width: 70vw;
    left: 15vw;
  }
}

@media (max-width: 600px) {
  .content{
    width: 80vw;
    left: 10vw;
  }
}


input[type="checkbox"] {
  height: 28px;
}

input[type="text"] {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

input[type="submit"] {
font-size: larger;
margin-top: 70px;
}

.checkbox-label {
  margin-right: 10px;
}

.commentary-other {
  margin-top: 10px!important;
}

.content-first {
  margin-top: 150px;
}

.response {
  margin-bottom: 30px;
}

/* Safari 11+ */
@supports (-webkit-hyphens:none) {
  input[type="checkbox"] {
  margin-top: 12px;
  scale: 1.25;
  }
}

input::placeholder {
  opacity: 0.4;
  font-size: 15px!important:
}