html {

}
/*
body {
  width: 70%;
  margin: 30px auto;
}
*/

header {
text-align: center;
}

.container-main {
  margin-top: 20px
}

#h1 {
  padding: 5px;
}
/*
#quiz {
  border: 1px solid gray;
}*/

#tracker {
  width: 60%;
}

#resultBox {
  display: none;
}

#retake, #submit {
  border: 1px solid black;
  font-size: 1.2rem;
}

.nos {
  border: 1px solid black;
  padding: 5px;
  background-color: gray;
}


.images {
  width: 250px;
  border: 1px black solid;
}


#btn1 {
  width: 375px;
}

#btn2 {
  width: 375px;
}

#btn3 {
  width: 375px;
}

#btn4 {
  width: 375px;
}

#infoBox {
  width: 75%;
  padding-left: 30px;
}


@media only screen and (max-width: 420px) {
  #btn1 {
    width: 310px;
  }
}

@media only screen and (max-width: 420px) {
  #btn2 {
    width: 310px;
  }
}

@media only screen and (max-width: 420px) {
  #btn3 {
    width: 310px;
  }
}

@media only screen and (max-width: 420px) {
  #btn4 {
    width: 310px;
  }
}

@media only screen and (max-width: 420px) {
  #resultBox {
    width: 310px;
    }
}

@media only screen and (max-width: 420px) {
      p {
      padding-left: 0px;
    }
}

@media only screen and (max-width: 420px) {
      #infoBox {
      width:100%;
    }
}




/*Review this*/
/*setting width for thumbs on results page*/


















/**/