div {
  vertical-align: text-top;
}

#button-container {
  width: 75%;
  margin: 0 auto;
  padding: 0 2.5em;
}

#main-button-container {
  width: 75%;
  margin: 0 auto;
  padding: 0 2.5em;
}

div[id$='-button-container'] {
  display: inline-block;
}

#bulk-container {
  width: 75%;
  margin: 0 auto;
  padding: 0 2.5em;
}

div.inner{
  width: 100%;
  margin: 0 auto;
  padding: 0 2.5em;
}

#custom-container {
  display: flex;
  flex-direction: column;
  width: 75%;
  margin: 0 auto;
  padding: 0em 2.5em 1em 2.5em;
}

#form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  column-count: 2;
}

#download-container {
  padding-left: 40%;
  padding-top: 3em;
}

#recent-container {
  padding-top: 2rem;
}

#gui-form {
  margin: revert;
  overflow-x: revert;
}

label {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  margin: 1em 0 0 0;
}

label#seriesname {
  margin-top: 2em;
}

#selects1-container {
  display: inline-block;
  max-width: 30%;
}

#selects2-container {
  display: inline-block;
  padding: 0 2.5rem;
  max-width: 30%;
}

#selects3-container {
  display: inline-block;
  max-width: 30%;
}

p {
  margin: revert;
}

@media only screen and (max-width: 1111px) {
  form#gui-form {
    flex-direction: column;
  }
  #selects1-container {
    max-width: 100%;
  }
  #selects2-container {
    padding: 0;
    max-width: 100%;
  }
  #selects3-container {
    max-width: 100%;
  }
  #recent-container {
    padding-left: 32%;
  }
}

@media only screen and (max-width: 600px) {
  #custom-container {
      width: 100%;
  }
  #button-container {
      width: 100%;
  }
  #main-button-container {
    width: 100%;
  }
}