/* CSS UPPER 6 ON LEFT*/


#first, #second, #third, #fourth, #fifth, #sixth {
	width: 100%;
	height:120px;
	/*border: thin solid #990000;*/
	margin-bottom: 20px;
	display: flex; flex-direction: row;	
	justify-content: flex-start;
	}
	

/* 6 SQUARE IMAGES. IMAGE ON RIGHT IN #SECOND ALSO: P */
nav.u-left > #first img, nav.u-left > #second img, nav.u-left > #third img, nav.u-left > #fourth img, nav.u-left > #fifth img, nav.u-left > #sixth img {position: relative; top: 0; left: 0; height: 118px; width: 118px; margin: 0; margin-right: 20px; /*border-radius: 10px;*/}

nav.u-left > #first p.first, nav.u-left > #second p.second, nav.u-left > #third p.third, nav.u-left > #fourth p.fourth, nav.u-left > #fifth p.fifth, nav.u-left > #sixth p.sixth 
{display: flex; flex-direction: column;  justify-content: flex-start; font-size: 18px; width: 100%; height: 100%; margin:0; padding: 0; padding-top: 20px !important; line-height: 1.25; background-color: #f5f3f1 !important;}

/*KEEPME FOR ONLY IMAGE IN TOP 6*/
nav.u-left > #second > p.second img {width:65%; height: auto; padding: 0; }