@media (min-width:992px){
    .fontlistson{
        width:25% !important;
		max-width: 25% !important;
    }
}
.fontlist{
    display:-webkit-flex;
    display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: flex-star;
	background:none;
	box-shadow: none;
    border: none;
}
.fontlistson{
        width:33%;
		flex: 1 1 auto;
		max-width: 33%;
		height:100%
    }	
	
	
#carouselExampleControls{
	
	margin:12px 8px;
}
.button{margin: 5px 5px; 
    text-decoration: none;            
	font: 500 1rem "Trebuchet MS",Arial,Helvetica;
	/*Change the em value to scale the button*/            
	display: inline-block;            
	text-align: center;                                
	/* Fallback style */ 
    width: 95%;	
	}                
.button, .button span{            
	border-radius: 6px;    
}                
.button span{                       
	display: block;            
	line-height: 1.5;                    
	}        
              
.button:active{                     
    position: relative;            
	top: 1px;        
	}                              
/*----------------------------*/