.sidebar_menu {
  width:20%;
  height:100%;
  float:left;
  align-items:center;
  /*display:block;*/
  /*margin-left:auto;*/
  /*margin-right:auto;*/
  /*width:40%;*/
}

#body_div_menu {
  /*margin-top:3%;*/
  /*margin'top:5%;*/
  width:80%;
  float:right;
  text-align:center;
}

#body_div_menu img {
  padding:0;
}

.center {
  display:block;
  margin-top:auto;
  margin-bottom:auto;
  /*width:50%;*/
}

.body {
  background-color:#a967aa;
}

#menu_container {
  margin-top:3%;
  width:75%;
}

.question_button {
  margin-top:14%;
}

#wrapper overlay {
}

img {
  max-width:100%;
  height:auto;
  padding:3%;
}

#words {
  margin-top:3%;
}

#play_button {
  height:100px;
  width:auto;
  margin:2%;
}

.buttons:hover {
  opacity:1;
  -webkit-filter:none;
}

.buttons {
  opacity:0.5;
  -webkit-filter:grayscale(100%);
}

.active {
  opacity:1;
  -webkit-filter:none;
}

body {
  font-family:'Roboto';
  font-weight:800;
  font-size:50px;
  color:#ffffff;
}

@media (max-width: 992px) {
  body {
    font-family:'Roboto';
    font-weight:800;
    font-size:44px;
    color:#ffffff;
  }
}

@media (max-width: 768px) {
  body {
    font-family:'Roboto';
    font-weight:800;
    font-size:36px;
    color:#ffffff;
  }
}

@media (max-width: 576px) {
  body {
    font-family:'Roboto';
    font-weight:800;
    font-size:26px;
    color:#ffffff;
  }
}

#verb {
  color:#32933b;
}

#noun {
  color:#e81a4b;
}

#adjective {
  color:#0071b5;
}

#adverb {
  color:#702c8d;
}

.rhyme {
  margin-top:26%;
  padding:2%;
}

.humpty_container {
  height:100%;
  margin-top:5%;
  padding:10%;
}

.buttons_margin {
  margin-top:1%;
  margin-bottom:1%;
}