@font-face {
     font-family: 'patrick_handregular';
    src: url('../fonts/patrickhand-regular-webfont.eot');
    src: url('../fonts/patrickhand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/patrickhand-regular-webfont.woff2') format('woff2'),
         url('../fonts/patrickhand-regular-webfont.woff') format('woff'),
         url('../fonts/patrickhand-regular-webfont.ttf') format('truetype'),
         url('../fonts/patrickhand-regular-webfont.svg#patrick_handregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
  
 body, html{
	
background-image:url(../images/background.jpg);
background-size:cover;
height:100%;
overflow:hidden;
}

.modal-content {
    background-color: #8a6d3b;
    color: #eae0c2;
}

	 .title{
		position:absolute;
		top:0;
		left:0; 
	 }
	 

	 
	 .imagesList ul li{
	list-style:none;	 
	}
	 
	 .imagesList ul li {
		width: 20%;
    float: left;
    display: inline-block;
	 margin:10px;
	 
	 }
	 
	 .imagesList ul li img {width:100%}

	 
/*	 .draggers{
		position:relative; 
		margin-top:50%;
	 }*/
	 
	 .draggers ul{
		list-style:none; 
	 }
	 
	 .draggers ul li{
		float:left;
		width:20%;
		margin:10px;
		text-align:center; 
		display:block;
		color:#fff;
		cursor:pointer;
		border-radius:20px;
		
		background: #606c88;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b));
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
    background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
	
	font-family:'patrick_handregular';
	font-size:1.5em;
	
}
	 
	 .drop {width:100%; margin:5px auto; display:block; border-radius:20px; height:40px; padding:20px; border:dashed}
	 
	 
	 
	 
	 
	 
	 .buttonsBottom{
		 position:absolute;
		 bottom:20px;
		 right:20px;
		 }
	  
	 .buttonsBottom img{
		 width:100px;
		 height:100px;
		 cursor:pointer;
		 }
	  


	

	


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






}


/*IPAD PORTRAIT*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#guessButtons ul li{
font-size: 1.5em;
}	
	
}


/*1280 x 720*/
 @media screen and (max-width: 1280px) and (max-height: 720px) and (min-height:300px) {

}

 @media screen and (max-width: 1366px) and (max-height: 656px) and (min-height:300px) {
 
}