@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

#logo, #cover {
  margin: 0px;
}

body, h1 {
  color: #333;
  font-family: 'Roboto', sans-serif;
}

/* Header */
#content1 img {
  max-width: 40%;
  display: block;
  margin: 0px auto 20px auto;
}

h1 {
  font-size: 2em;
  font-weight: 400;
}

/* Section Headers */
.sectionhead {
  background-color: #385cad;
  width: 97.5%;
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: 2em;
  margin-bottom: 1em;
  padding: .5em .5em;
  font-size: 20px;
}

/* Subscription Options */

.spanc3 li, .spanc5 li {
  display: inline;
  padding-right: 20px;
}

/* Demographics */

p.drg-element-type-standard-field {
  width: 50%;
  margin: 0px;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 25px;
}

#content4 div[id^="disp"] {
  width: 50%;
  margin: 0px;
  box-sizing: border-box;
  display: inline-block;
}

#content4 div[id^="disp"] p {
  width: 100%;
  margin: 0px;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 25px;
}

.drg-element-type-standard-field .questionlabel {
  display: inline-block;
  box-sizing: border-box;
  width: 30%;
  padding-right: 5px;
  margin: 0px;
}

.drg-element-type-standard-field input, .drg-element-type-standard-field select {
  display: inline-block;
  width: 70%;
  margin: 0px 0px 15px 0px;
}

span.drg-element-type-demographic {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding-right: 20px;
}

.drg-element-type-demographic select {
  max-width: 100%;
  width: 100%;
  margin: 0px 0px 15px 0px;
}

p.drg-element-type-demographic {
  margin: 0px;
}



/* Button */
#submitbtn input {
  background-color: #e04403;
  color: white;
  font-size: 1.25em;
  text-shadow: none;
  text-decoration: none;
  border: none;
  padding: 1em 2em;
  border-radius: 0px;
  margin-top: 40px;
}

/* Hide things in content5 */
#content5 {
  display: none;
}