/* CSS UPPER 6 ON LEFT*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');


#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;
	font-family: 'Poppins', sans-serif !important;
	}
	

/* 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: 10px !important; line-height: 1.25; background-color: #f5f3f1 !important;}


/*KEEPME FOR ONLY IMAGE IN TOP 6*/

#main > nav.u-left > #second > p.second a img {width:75%; height: auto; padding: 0; }


#third > p.third a {width: 100%; height: 100%; line-height: 1.25; margin-top: 0; padding: 0px;}