.services{display:flex;flex-wrap:wrap;justify-content:center}.services-header{margin-bottom:20px}.services-header h2{font-size:24px;color:#000;margin-bottom:5px}.services-header p{font-size:14px;color:#fff}.services-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;width:1080px}.service-item{color:#fff;font-size:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;border:none;padding:0;font-family:inherit;text-align:inherit;cursor:pointer}.service-item:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.service-item:hover{cursor:pointer;background-color:var(--blue);box-shadow:0 5px 15px #00000059}.service-item p{font-weight:600}.app-dev{background-color:#00072d;grid-column:1;grid-row:1/3;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center}.app-dev p{align-items:center;margin:0}.app-dev img{height:350px;background-size:cover}.web-dev{background-color:#df2935;grid-column:2/4;grid-row:1;align-items:flex-end}.web-dev p{padding:40px 40px 90px;align-items:center}.web-dev img{height:250px;padding:0;background-size:cover}.motion-graphics{background-color:#a85751;grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;align-items:flex-start}.motion-graphics img{margin:0}.proj-consulting{background-color:#7510a3;grid-column:3;grid-row:2;display:flex;flex-wrap:wrap;align-items:flex-end}.proj-consulting img{width:100%;padding:0;background-size:cover}.digital-design{background-color:#f6511d;grid-column:1/3;grid-row:3;justify-content:flex-start}.digital-design img{object-fit:cover;height:300px}.digital-marketing{background-color:#1a2629;grid-column:3;grid-row:3;display:flex;flex-wrap:wrap}.digital-marketing p{display:block}.digital-marketing img{object-fit:cover;height:230px}@media (max-width:767px){.services-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.app-dev,.digital-design,.digital-marketing,.motion-graphics,.proj-consulting,.web-dev{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap}.service-item img{width:100%;height:auto}.service-item p{padding:40px}.proj-consulting img{padding:40px 0}.digital-design p{padding-left:130px}}