article{width:100%;margin: 10px auto;border:1px solid #ccc;border-radius:5px;}
h1,h2,h3{font-weight:bold;color:#fff;margin-left:10px;}
h1{margin-bottom:10px;font-size:32px;}
h2{font-size:28px;}
h2 a{color:#fff;}
h3{margin-top:10px;font-size:24px;}

header{width:100%;margin:20px auto;padding:10px;overflow:auto;background-color:#008080;}

header img.html5-logo{display:block;float:left;width:100px;}

#content{width:100%;margin:20px auto;clear:left;}

.instructions{ margin: 20px 0;padding:20px;background-color:#ededed;border:4px solid #ccc;border-radius:5px;color:#333;font-size:24px;line-height:28px;}

.instructions a{font-weight:bold;color:#008080;}
 
.drop-elements{margin: 0 30px 20px; width:100%;padding:245px 0;text-align: center;max-width: 86%;
    margin: 0 auto 0 6.7%;}

.dropElement{display:inline-grid;width:91px;margin-right:6px;height:80px;padding-top:1%;/* background-color:#E7EBEE */;vertical-align: top;}

.dropElement:last-child{margin-right:0;}

.drag-elements{height:120px;padding-top:10px;width:100%; overflow:auto;background-color:#FFC551;text-align: center;}

.dropElement,.drag-elements,.dragElement{border-radius:5px;}

.dragElement{display:inline-block;margin: 0 auto; width: 113px;height:80px; font-size:15px;background-color:#ccc;color:#fff;font-weight:bold;text-align: center;line-height: 100px;border: 4px solid;border-radius:5px;}

.drag-elements .dragElement{margin-right:10px;}

.drag-elements .dragElement:last-child{margin-right:0;}

.dragElement:hover{cursor: pointer;}

.dragEnter{background-color:#33A0A0;}
.hasChild{background-color:#D56100;}

.redBorder{border-color: #DC143C;}
.greenBorder{border-color: #ADFF2F;}
.orangeBorder{border-color: #FFA500;}
.pinkBorder{border-color: #FF1493;}
.mainImage { height: 375px;  text-align: center;
    background-size: cover;
    background-position: center;}
.dropElement .dragElement  { border: none; background: none;}
.dropElement:not(:first-child) {
    margin-left:15px;
} 
.dropElement.drop {
    max-width: 107px;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
}
.buttonDiv,.answerText {
    margin-top: 25px;
}
.answerText {
    font-size: 20px;
    color:#5CBD9D;

}
@media (min-width:300px){
    .dropElement { display: inline-block;
       /*  width: 35%; */
      /*   margin-left: 10px; */
        margin-bottom: 10px;}
}
.nextCourseBtn a{
	display:none !important;
}