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


#answer,#answer2,#answer3,#answer4,#answer5,#answer6,#answer7,#answer8 {
  border-radius: 5px;
  height: 32px;
}

#go,#go1,#go2,#go3,#go4,#go5,#go6 {
 border-radius: 5px;
  height: 32px; 
}
#barmod1,#barmod2,#barmod3,#show1,#show2,#show3,#show4,#show5,#show6{
  margin-left: 20px;
 border-radius: 5px;
  height: 32px;  
}

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


#bar1{
  display: none;
  width: 300px;
  height: 150px;
}
#bar2{
  display: none;
  width: 340px;
  height: 150px;
}
#bar3{
  display: none;
  width: 300px;
  height: 130px;
}

#bar4{
  display: none;
  width: 300px;
  height: 130px;
}

#bar5{
  display: none;
  width: 300px;
  height: 130px;
}
#bar6{
  display: none;
  width: 300px;
  height: 130px;
}

#ratiotri{
 width: 300px;
  height: 180px; 
}



#exemplar{
  width:50%;
}


 @media screen and (min-width:260px) and (max-width:500px){


#exemplar{
  width:90%;
}

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


#ratiotri{
 width: 200px;
  height: 100px; 
}


#bar1{
  display: none;
  width: 200px;
  height: 90px;
}
#bar2{
  display: none;
  width: 200px;
  height: 90px;
}
#bar3{
  display: none;
  width: 200px;
  height: 80px;
}

#bar4{
  display: none;
  width: 200px;
  height: 80px;
}