@media(min-width:0px) and (max-width:5000px){
.header-bg{
  background-image: none;
  height: auto;
}

.wrapper, main, .header-bg{
  background-color: white;
}

main {
  padding-top: 3.75em;
  width: 100%;
}

main :nth-child(7) {
  margin-top: 0em;
}

.body-text{
  width:100%;
}

h1{
  font-size: 1.7em;
  padding-top: 0;
  width: 85%;
  margin: 0 auto;
}

h2{
  padding-top: 0em;
  letter-spacing: 0;
  line-height: 1.4em;
  font-size: 1.35em;
  color: black;
}

.box{
  width:85%;
  margin: 0 auto;
  padding: 1.5em 0;
}

.container-1{
  padding-top: 1.8em;
}

.container-2{
  margin-top: 0;
}

.container-5{
  padding-bottom: 3em;
}

.line-container{
  overflow: hidden;
}
}

@media(min-width:600px){
main {
  padding-top: 4.5em;
}
}


@media(min-width:768px){
main{
  padding-top: 4.75em;
}

.question{
  width:40%;
  float:left;
}

.answer{
  width:55%;
  float: right;
}

.answer .body-text{
  padding-top: 0;
}

.box{
  overflow: hidden;
}
}

@media(min-width:1000px){
h1{
  font-size: 2.2em;
}

main .l1 {
  margin-top: 6em;
}

main :nth-child(7) {
  margin-top: 0;
}
}

@media(min-width:1150px){
h1{
  margin: 0 14%;
}

.question{
  width: 30%;
  margin-left: 7.5%;
}

.answer{
  margin-right: 7.5%;
  width: 50%;
}

.l2 {
  margin-right: 7.5%;
}

.line-container {
  max-width: 1250px;
  margin: 0 auto;
}
}

@media (min-width: 1200px){
main {
  padding-top: 10.75em;
}
}

@media(min-width:1250px){
.box{
  max-width: 56.5em;
  margin: 0 auto;
}

.question{
  margin-left: 0;
  width:30%;
}

.answer{
  margin-right: 0;
  width:58%;
}
}

@media(min-width:1500px){
  .body-text {
    font-size: 0.85em;
  }
}

@media(min-width:1600px){
h1{
  margin: 0 7.5%;
}

main {
  padding-top: 13.4em;
}

.box-container {
  max-width: 79.9em;
  margin: 0 auto;
}

.line-container{
  max-width: 79.9em;
}

.l2 {
  margin-right: 0;
}

.box {
  max-width: 79.9em;
}

.header-content p, main .l1 {
  margin-left: 0;
}

}