@media only screen and (min-width : 300px) and (max-width : 399px), only screen and (min-device-width : 300px) and  (max-device-width : 399px){	
	
	body {
	/*	background-color: lightblue;*/
	}
	
	.ui-result-bit {
		padding:5px 5px 5px 5px;
		background-color: #76ab4e;
		width: 100%;
		min-height:400px;
		min-width:250px;
		float: left;
		margin-right: 50px;
		margin-bottom: 50px;
	}
	
	
	.ui-result-image-container{
		/*width:100%;
			
		*/
		  width: 100%;
		  
			height: 100%;
			
		/*	border: 1px solid black;*/
			margin-bottom: 25px;
		/*	*/
		/*
		max-width: 100%;
		box-sizing: border-box;
		height: auto;
		aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
		object-fit: cover;
		*/
	}
			
	.ui-result-image {

		/*	
		  margin: auto;*/
			width: 100%;
			height: 100%;
			
			
		/*	width: 1000px;
			max-width: 100%;
			box-sizing: border-box;
			height: auto;
			aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
			object-fit: cover;
			*//*
			margin: auto;
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			
			    max-width: 100%;*/
				box-sizing: border-box;
				height: auto;
				aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
				object-fit: cover;
				
		}
		
		.ui-divTable {
		  display: table;
		  width:80%;
		/*  background-color:#eee;
		  border:1px solid  #666666;*/
		  border-spacing:5px;
		  /*cellspacing:poor IE support for  this*/
		  /* border-collapse:separate;*/
		}
}