/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* Category list */
 .ttg-container{
 	display: flex;
 	flex-wrap: wrap;
 	margin: 20px 90px;
 }
 .ttg-container h4{
    color: black;
 	margin: 10px 0;
 }
 .ttg-container p{
    color: black;
    margin: 20px 0;
 }
 .ttg-3-per-row .ttg-term{
 	flex: 0 0 31%;
    text-align: center;
    background: white;
    border: solid 0px #000000;
    border-radius: 10px;
    margin: 1.16% !important;
 }
 .ttg-4-per-row .ttg-term{
 	flex: 0 0 23%;
    text-align: center;
    border: solid 1px #F1F1F1;
    margin: 1% !important;
 }
 @media screen and (max-width: 767px){
     .ttg-container{
 	display: grid;
 	margin: 50px 20px;
 }
 	.ttg-term{
 		flex: 100% 0 0;
 	}
 }