#boxHolder{

  height: 70%;

}
.box{
	margin-top:0;
	margin-bottom:0;
  height: 100%;

}

.box p, .suggestedAnswersBox p{
	font-family: 'Open sans', sans-serif;
	color: #32343a;
	font-size: .9em;

}
#answers{
	display:none;
}

.suggestedAnswersBox p{
	
	padding:2.5%;
	text-align: center;
}

.suggestedAnswersBox{
	margin-bottom:0;
	margin-top: 0.5%;
	background-color: #f4ac42;
	height:3em;
}

#titleHolder div.col p{
	background-color:#16a79d; 
	padding:3%;
	border-bottom: 1px dashed #f4ac42;
	text-align: center;
  color: #fff;

}


textarea {
	width: 98%;
  height: 100%;
	text-align:center;
	resize:vertical;
	 overflow: auto;

}


/* ----------- Large Display ----------- */
    @media screen and (max-width: 1920px) and (max-height: 1080px) { 
      /* Styles */
      
    }
    /* ----------- Laptop HiDPI screen ----------- */
    @media screen and (max-width: 1440px) and (max-height: 900px) { 

      /* Styles */
  
    }
    /* ----------- Laptop ----------- */
    @media screen and (max-width: 1366px) and (max-height: 768px) {
      /* Styles */ 
      .box{
      	
  padding: 2% 0;
  
/*  height: 25%;
*/  
      }
    }
    
    /* ----------- Laptop MDPI screen ----------- */
    @media screen and (max-width: 1280px) and (max-height: 800px) { 
      /* Styles */
    }
    /* ----------- iPad ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  and (-webkit-min-device-pixel-ratio: 1) {
.box{
        
  padding: 2% 0;
  
/*  height: 25%; 
*/  
      }

     
      .suggestedAnswersBox{
  height:4em;
}
}
    /* ----------- iPhone 5 ----------- */
    @media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
      /* Styles */
    }