/* Custom DRAG AND DROP css
--------------------------------------------------
MID GREY    #999999
LIGHT GREY  #E6E6E6
DARK GREEN  #4f959b
MID GREEN   #9dced2
LIGHT GREEN #AFE5EA
LIGHT BLUE  #38C0CB
RED         #C8374E
ORANGE      #CB4938


 */
#game-screen{
	padding-top: 3%;
}
#activity {
	min-height:100%;
	height:auto;
}


#feedback table tr td:first-child {text-align:left}

#feedback{display:none}

.select {background-color:#283786; color:#FFF;}

.user-word {color:#283786; font-weight:600}

#bubble{
	border:solid;
	border-radius:12px;
	position:relative;
	padding-top:1em;
	padding-bottom:1.2em;
	background-color: #fff;
}


#bubble h1{
	margin: 10px;
}


img.profile.Fabrice, img.profile.Andreas, img.profile.Hugo {
	border: 5px solid orange;
	background-color:#ffffff;

	background-repeat:no-repeat!important; 
	background-position:0px 10px 0px 0px!important;
}

img.profile.Sabine, img.profile.Mara, img.profile.Malena {
	border: 5px solid red; 
	background-color: #ffffff;

	background-repeat:no-repeat!important; 
	background-position:0px 10px!0px 0px 0px important;
}

img.profile.Yannick, img.profile.Laura, img.profile.Joaquin {
	border: 5px solid black; 
	background-color: #ffffff;

	background-repeat:no-repeat!important; 
	background-position:0px 10px 0px 0px!important;
}

.choice-item-holder{
	padding-top: 30px;
}



/* ----------- 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 */
   

}


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

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


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

@media only screen and (max-device-width: 1024px) and (max-device-height: 768px) {
    /* Styles */
    #activity {
    font-size: 1em;
}
}


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

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

}


@media print {

#question-holder{display:none}
.btn {display:none}
footer{display:none}
#intro {display:none}
#activity {text-align:left; border:none!important}
#feedback .question-item {margin-bottom:12px}
	
}