body.fish {
	background-image:url('pzadina1.jpg');
	background-size:cover;
	background-attachment:fixed;
}
.drag img { /*display:inline-block;*/ 
        width:100px!important; 
        height:80px!important; 
        margin:auto;
        display:block; 		
		
        /*flex:33%;*/
}
.drag1 img {
	    width:100px!important; 
        height:80px!important; 
        margin:auto;
		display:block;
         		
}
.drop { 
   height:334px; 
   width:380px;   
   padding-right:250px;
   /*background-image:url('aqua.png') ;*/
   background-image:url('kosnica.png');
   background-size:contain;
   background-repeat:no-repeat;
     
   }
 img.ui-draggable {
   width:50px;
   height:40px;
 } 
 .drag-elements /*{display:flex;}*/
.modal{
	width:100px;
    height:50px;
    background-color:gray;
}
p {
   align-items:center;
   font-size:56px;
   color:white;
   text-align:center;
   margin-top:-500px;
}
audio {width:110px!important;
      height:24px;  
       float:right; 
}
.zvuk {float:right;}
.row {width:100%;}
.col-sm-3 {max-width:25%;}
.info {
	font-size:15px;
	color:white;
	margin-left:67px;
	font-weight:700;
}
/*responsive*/
 @media only screen and ( max-width:640px ) {
  .drag img{
      
      width:50px!important;
      height:40px!important;
 }
  .drag1 img{
      
      width:50px!important;
      height:40px!important;
 }
 .drop {
    /* width:360px;
    / height:250px;
	 /*padding-right:300px;*/
}
img.ui-draggable {
  /* width:30px;*/
  /* height:20px;*/
 } 
 }
@media only screen and ( max-height:700px ) {
  .drag img{
      
      width:50px!important;
      height:40px!important;
 }
  .drag1 img{
      
      width:50px!important;
      height:40px!important;
 }
 /*.drop {
     width:287px;
     height:250px;
}*/
img.ui-draggable {
   width:40px;
   height:30px;
 } 
 }