@media (min-width:992px){
    .fontlistson{
        width:25% !important;
		max-width: 25% !important;
    }
}
.card.fontlist {
    background-color: transparent;
}
.fontlist{
    display:-webkit-flex;
    display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: flex-star;
}
.fontlistson{
        width:33%;
		flex: 1 1 auto;
		max-width: 33%;
		height:100%
    }	
.button{margin: 5px 10px; 
    text-decoration: none;            
	font: 600 1rem "Trebuchet MS",Arial,Helvetica;
	/*Change the em value to scale the button*/            
	display: inline-block;            
	text-align: center;            
	color: #fff;                        
	border: 1px solid #9c9c9c; 
	/* Fallback style */ 
	border: 1px solid rgba(0, 0, 0, 0.3);                                    
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);                        
	box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    width: 95%;	
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);            
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	}                
.button, .button span{            
	-moz-border-radius: .3em;            
	border-radius: .3em;        
}                
.button span{            
    border-top: 1px solid #fff; 
    /* Fallback style */            
	border-top: 1px solid rgba(255, 255, 255, 0.5);            
	display: block;            
	padding: 0.5em 0.3em;                        
	/* The background pattern */                        
	background-image: 
	-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),                              
	-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),                              
	-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),                              
	-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));            
	background-image: 
	-moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),                              
	-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),                              
	-moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),                              
	-moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);           
	/* Pattern settings */                        
	-moz-background-size: 3px 3px;            
	-webkit-background-size: 3px 3px;      			
	background-size: 3px 3px;
	}        
.button:hover{
		box-shadow: 0 0 .1em rgba(0,0,0,0.4);            
		-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);            
		-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        text-decoration:none;
        color:#fff;        
		}                
.button:active{            
/* When pressed, move it down 1px */            
    position: relative;            
	top: 1px;        
	}                
/*----------------------------*/                
.button-khaki{
	background: #A2B598;
	color: #BDD1B4;            
	}                            
/*----------------------------*/                        
.button-blue{
	background: #d3e8fc;
	color: #0084ff;                 
	}         
	
/*----------------------------*/                
.button-brown{            
   background: #8f3714;
   color: #fff;                  
   }                

/*----------------------------*/                
.button-green{            
    background: #428739; 
    color: #fff;                
	}                               

/*----------------------------*/                
.button-red {            
    background: #fcdcdc; 
    color: #fd5b5b;               
	}        


/*----------------------------*/
.button-purple {
    background: #6F50E7;
    color: #fff;
}


/*----------------------------*/
.button-black {
    background: #141414;
    color:#fff ;
}

/*----------------------------*/
.button-orange {
    background: #f09c15;
    color:#fff;
}


/*----------------------------*/
.button-silver {
    background: #c5c5c5;
    color: #fff;
}

.ad  { 
	width: 98%;
	text-align: center;
	font-size: 15px;
	font-weight: 550;
	padding-bottom: 0px;
	margin: 5px 0;
	border-radius: 3px;
	display: inline-block;
	}
.ad span{
	display: inline-block;
    padding: 5px;
}
}