#heading{
  font-size: 22px;
  width:60%;
  margin-top: 40px;
}


#answer2a,#answer2b,#answer2c,#answer2d{
  border-radius: 5px;
  height: 32px;
  width: 40px; 
}

#w,#y,#s,#t,#yb {
  display: inline-block;
  
}
#yb{
  margin-left: 35px;
}



#a,#b,#w,#y,#s,#t,#yb {
  display: inline-block;
  
}



#contain {
 display: inline-block;
  position-left: 20px;
  margin-right: 10px;
  
}

#h1 {
  position: absolute;
  display: inline-block;
  margin-right:-10px;
  margin-left: 10px;
  height: 25px;
  margin-top: 70px;
  font-size: 20px;
  vertical-align: middle;
}

#h2 {
  position: absolute;
  left: 233px;
  margin-right:0;
  margin-left: 0;
  height: 0;
  margin-top: -57px;
  font-size:18px;
  }

#a{
  margin-right: -40px;
  margin-left: -40px;
  height: 20px;
  margin-bottom: -60px;
  vertical-align: middle;
  font-size:18px;  
}
#b{
  margin-right: -40px;
  margin-left: -60px;
  height: 20px;
  margin-bottom: -10px;
  vertical-align: middle;
  font-size:18px;  
}
#trap{
  margin-left: -90px;
  margin-right: -100px;
  margin-bottom: -30px;
  vertical-align: middle;
  padding: 0;
  
}
#triangle {
  display:inline-block;
  width: 350px;
}

#w {
  position: relative;
  left: 130px;
  bottom:20px;
  font-size:18px; 
}

#barmod1,#barmod2,#barmod3,#show1,#show1b,#show2,#show2b,#show3,#show3b,#show3c,#show4,#show4b,#show5,#show6,#show6b,#show7,#show7b{
 margin-left: 20px;
 border-radius: 5px;
 height: 32px;  
}

#answer,#answer1,#answer1b,#answer1c,#answer3,#answer3b,#answer3c,#answer4,#answer4b,#answer5,#answer5b,#answer5x,#answer5y,#answer6,#answer6b,#answer7,#answer7b,#answer8 {
  border-radius: 5px;
  height: 32px;
  width: 50px;

}

.end {
  display: inline-block;
 
  margin-right: 10px;
}




@media screen and (min-width:300px) and (max-width:600px){


#heading{
  font-size: 16px;
  width:60%;
  margin-bottom: 15px;
  top:35px;
}

#answer1,#answer2,#answer3,#answer3b,#answer3c,#answer4,#answer5,#answer6,#answer7,#answer8x, #answer8y {
  border-radius: 5px;
  height: 32px;
  width: 70px;
}


#answer2a,#answer2b,#answer2c,#answer2d{
  border-radius: 5px;
  height: 32px;
  width: 40px; 
}

#h1 {
  position: absolute;
  display: inline-block;
  margin-right:-10px;
  margin-left: 10px;
  height: 25px;
  margin-top: 35px;
  font-size: 20px;
  vertical-align: middle;
}
#h2 {
  position: absolute;
  left: 208px;
  margin-right:0;
  margin-left: -35px;
  height: 0;
  margin-top: -44px;
  font-size:14px;
  }
#trap{
  position: relative;
  width:220px;
  
}
#triangle {
  display:inline-block;
  width: 250px;
  margin-left: 10px;
}
#a{
  position: relative;
  right: 15px;
  top:-10px;
  margin-right: 5px;
  vertical-align: middle;
  font-size:14px;  

}
#b{
  position: relative;
  left:75px;
  top: 10px;
  vertical-align: middle;
  font-size:14px;  
}

#w {
  position: relative;
  left: 65px;
  bottom:10px;
  margin-bottom: 20px;
  font-size:15px; 
}


}