.info 	{padding: 10px;	color:#555; font-size:13px;}
	.brick 	{background-color: #fff; margin:15px;  clear:both;border-style: solid;  border-width: 0 0 3px 0; border-color: #cfcfcf;}

	a.hic1 		{color: #2b8a3e;  font-size:20px; text-decoration: none; font-weight:bold;}
	a.hic1:visited 	{color: #2b8a3e;}
	a.hic1:active 	{color: #2b8a3e;}
	a.hic1:hover  	{color: #37b24d; font-size:2px; text-decoration: none;font-weight:bold;}

	a.hic2 		{color: #2b8a3e;  font-size:15px; text-decoration: none; font-weight:bold;}
	a.hic2:visited 	{color: #2b8a3e;}
	a.hic2:active 	{color: #2b8a3e;}
	a.hic2:hover  	{color: #37b24d; font-size:15px; text-decoration: none;font-weight:bold;}


	.cim {
		background-color: rgba(255, 255, 255, 0.9);
	    	padding:20px;
		position: absolute;
		bottom:5px;
		width: 99%;
		left: 5px;
		// transform: rotate(-3deg);
		border: 1px solid #cfcfcf;
	}	


	.column {    float: left;}
	.size-1of4 {    width: 25%;}
	.size-1of3 {    width: 33.333%;}
	.size-1of2 {    width: 50%;}

	@media screen and (max-width: 450px) {
	    #timeline[data-columns]::before {
	        content: '1 .column';
	    }
	}

	@media screen and (min-width: 451px) and (max-width: 700px) {
	    #timeline[data-columns]::before {
	        content: '2 .column.size-1of2';
	    }
	}

	@media screen and (min-width: 701px) and (max-width: 850px) {
	    #timeline[data-columns]::before {
	        content: '3 .column.size-1of3';
	    }
	}

	@media screen and (min-width: 851px) {
	    #timeline[data-columns]::before {
	        content: '4 .column.size-1of4';
	    }
	}