.row{display:flex;flex-wrap:wrap}.col-4{flex-basis:calc(28%);margin:10px;padding:20px}@media screen and (max-width:792px){.col-4{flex-basis:calc(50%);margin:10px;padding:20px}}@media screen and (max-width:1024px){.col-4{flex-basis:calc(40%);margin:10px;padding:20px}}@media screen and (max-width:425px){.col-4{flex-basis:calc(100%)!important;margin:10px;padding:20px}}@media screen and (max-width:1000px){.col-4{flex-basis:calc(40%);margin:10px;padding:20px}}.content{text-align:left}h2{font-size:20px;color:#000;font-family: monospace;font-weight: bold;}p{font-size:14px;color:gray}a{display:block;margin-top:15px;text-decoration:none;color:#007bff;font-weight:700}