/* HORIZONTAL CARD SCROLL  (ie  #knowyourmil */
.horizontal-scrollable > .row 				{ 	overflow-x: 		auto; 
												white-space: 		nowrap;} 
.horizontal-scrollable > .row > .col-xs-2 	{ 	display: 			inline-block; 
												float: 				none;} 
.horizontal-scrollable > .row > .col-xs-1 	{ 	display: 			inline-block; 
												float: 				none;} 
/* Decorations */ 
.col-xs-2 									{ 	vertical-align: 	top;
												padding: 			5px 5px;} 
.col-xs-2 p 								{	color: 				white; 
												font-size: 			63%;
												text-align: 		left;} 
.col-xs-1 									{ 	vertical-align: 	top;
												padding: 			5px 5px;}
.col-xs-1 p 								{	color: 				white; 
												font-size: 			50%;
												text-align: 		left;} 		
.p white 									{	color: 				black !important; 
												font-size: 			63%;
												text-align: 		left;} 
/* height */
::-webkit-scrollbar 						{	height: 			10px;}
/* Track */
::-webkit-scrollbar-track 					{	background: 		black;}
/* Handle */
::-webkit-scrollbar-thumb 					{	background: 		var(--ohng-light-gray);}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover 			{	background: 		var(--ohng-red);}

/* MOBILE (default)*
.col-xs-2									{	width:50%; 			margin-right:0px !Important;}
.col-xs-1									{	width:33.3%; 		margin-right:0px !Important;}
/* TABLET *
@media (min-width:768px) 					{
.col-xs-2 									{	width:25%;}
.col-xs-1 									{	width:16.6667%;}
											}
/* DESKTOP *
@media (min-width:993px) 					{
.col-xs-2 									{	width:16.6667%;}
.col-xs-1 									{	width:8.333%;}
											}