.box{
margin-bottom: 0 !important;
}

.extension{
text-align: right;
color: orange;
font-family: monospace;
}

.columns{
display:flex !important;
}

.column{
flex-basis: auto !important;
}

.box.contribute{
background-color: #00d1b2;
}

.contribute .extension{
color: white;
}



/* These will work but arent triggering on mobile. read into media queries to fix it. */

/* 
@media screen and (min-width: 769px), print{
	.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet{
		margin-left: 0px;
		flex-grow:1;
		flex-shrink:1;
		flex-basis: 0px;
  
  }
}

 @media screen and (min-width: 1080px), print{
	.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet{
		margin-left: 25%;
		flex: none;
  }
}
 */