.activity-intro {
    padding: 5px 0 28px;
}

 .char-wrapper img{
	 width:100%
 }
 

 
 .card{
	    cursor: pointer;
    display: none;
    background-color: #f4c034;
    padding: 7px;
    font-size: 22px;
    color: #001754;
	z-index:5;
 }
 
 div#drag-holder {
    margin-bottom: 50px;
	    height: 100px;
}
 
 .card:nth-child(1){
	 display:inline-block;
 }
 
  .ui-draggable-dragging{
	 color:#f00;
	width:30%;
	font-size:8px;
 }
 
 
 .correct{
	 background-color:#67a14d;
 }
 
 .incorrect{
	 background-color:#c0463b;
 }
 
 
 .dropped{
	 left:0 !important;
	 top:0 !important;
	 font-size:10px !important;
	 width:100%;
	 display:inline-block;
	 margin-bottom:3px;
	 margin-top:3px;
 }
 
 .droppedCards{
	 width:100%;
 }
 
 .quote{
	 font-size:20px;
	 height:100px;
 }
 
 .quoteName{
	 font-style:italic;
	 color:rgba(254,182,69,1);
	 margin-bottom:10px
 }
 
 .textInput{
	 width:100%;
	 color:#07132e
 }
 
 .col-md-12.text-center {
    margin-top: 40px;
}

td{
	padding:7px;
	    background-color: #fff;
    color: #07112a;
}

th {
    background-color: #99afef;
    color: #000;
    padding: 7px;
}

.well{
	width:100%
}