/* 

table#logcal { width: 98%; margin: 1%; }
table#logcal span { padding: 0.4em; line-height: 1.6em; }
*/


table#logcal tr td { padding-bottom: 1em; }



table#logcal .btn-group { text-align: center; }


table#logcal .date-span { width: 17%; float: left; margin-right: 5%; }
table#logcal .calorie-span { width: 17%;  float: right; margin-right: 5%; font-size: 1.5em; line-height: 1.5em; }
table#logcal .vip-span { width: 51%; padding: 1em; }


/*
table#logcal img { width: 40px; }
*/
#results img { width: 40px; }


.food-pic { 
	cursor: pointer;
	max-width: 120%;
	width: 40%; /* 62%;*/ 
	transition: transform .25s ease-in-out;
	transition: width .25s ease-in-out;
}
.food-pic:hover { 
	width: 120%; 
}


/**
table#logcal .vendor-span { width: 17%; }
table#logcal .item-span { width: 17%; }
table#logcal .portion-span { width: 17%; }
**/






.float-left { float: left; }

#fooStats { width: 50%; float: right; margin-right: 20%; }

#login-form input { width: 100%; padding: 15px 15px; }


input.search-query { width: 100%; height: 35px; }



#under-2k-streak strong { color: #44f; font-size: 3em; text-shadow: 1px 1px 4px; #2b3; }

#floating-average-chart .lte2000 { color: #44f; font-weight: bold; }






/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */

/*
  table#logcal th { font-size: 1.5em; line-height: 1.6em; }
  table#logcal td { font-size: 2em; line-height: 2.1em; }
*/  
  

}