/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 
.meal-ticker{
	color:#fff;
	text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    font-size:24px;
    padding-top: 10px;
}
.meal-ticker span{
	padding: 6px 12px 7px;
    display: inline-block;
    background: rgba(0,0,0,0.33);
    border-radius: 3px;
    margin: 0px 3px;
}

@media (max-width: 768px){
    .meal-ticker{
		font-size:16px;
		
	}
	.meal-ticker span{
		padding: 3px 10px 5px;
    }
}

@media (max-width: 480px){
    .meal-ticker{
		font-size:14px;
		
	}
	.meal-ticker span{
		padding: 1px 7px 1px;
	}
}