/*page 10*/
table{
  width: 100%;
  margin:0 0 2% 0;
}


p{ 
    font-weight: bold;
    color:#fff;
}

button{
  margin: 0% 0 1% 0;
   float: right;
}


.notebookTable{
    margin: 1% 0 1% 0;
    background-color: #FFEFED;
    border: dotted #ed564b 1px;
    box-shadow: 5px 5px 2px #ccc;
    width: 100%;
}

.notebookTable{
  height:4em;

}

.questionMark button{ 
    padding:10%;
    width: 100%;
}

.questionMark{
   margin-left: 0!important;
  width:30px;
   margin-bottom: 2%;
}

.questionText{
   display: none;

}
.questionText p,.godzillaText p{
    color:#32343a;
}

.promptQuestion{
    color:#ed564b;
   
}
.godzillaText {
  margin:1% 0 1% 0;
}

/*page 10a*/

.godzillaRoar button{
  float: left;
  margin:2% 0 0 0;
}

.playIcon{
float: left;
margin:2% 2% 0 0;
width:30px;
height:30px;
}

/*page 10b*/
img{
  width: 100%;
  height: auto;
}


.hintsBtn, #question{
  float:none;
  margin: 2% 0 1% 0;
}

.hints{
  display: none;
  background: #ed564b;
  border-radius: 5px;
  padding:.5%;
}

.hints li{
  background-color: #fff;
  margin:.5%;
  padding:.5%;
  display:inline-block;
  border: dotted #ed564b 1px;
  border-radius: 5px;
}

.questionIcon{
  margin-top: 2%;
}

h2{
  color:#32343a;
}

#question{
  padding: 1%;
}

.highlight{
  font-weight: bold;
  color: #ed564b;
}

.imageDetails{
  margin-left: 3%;
}



  


/*page 10c*/
.videoTitle h2{

  margin:2% 0 2% 0;
  color:#ed564b;
  font-weight: bold;
}

.divider{
margin:3% 0 3% 0;
border-bottom: dotted #32343a 1px;
}

.showTableBtn{
  float:left;
}


.godzillaTable{
  display: none;
}



/* ----------- Large Display ----------- */

@media screen and (min-width: 1920px) and (min-height: 1080px) {
    /* Styles */
}


/* ----------- Laptop HiDPI screen ----------- */

@media screen and (min-width: 1440px) and (min-height: 900px) {
    /* Styles */
}


/* ----------- Laptop ----------- */

@media screen and (min-width: 1366px) and (min-height: 768px) {
    /* Styles */
}


/* ----------- Laptop MDPI screen ----------- */

@media screen and (min-width: 1280px) and (min-height: 800px) {
    /* Styles */
}


/* ----------- iPad ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
   
}


/* ----------- iPhone 5 ----------- */

@media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
    /* Styles */
}