.grid{display:grid;gap:2vw;grid-template-areas:"brand1 brand2 brand3 brand4 brand5 brand6" "brand7 callout callout callout callout brand8" "brand9 brand10 brand11 brand12 brand13 brand14";grid-template-columns:repeat(6,1fr);grid-template-rows:auto;height:auto;max-width:1240px;width:98%}.grid>.item{align-content:center;aspect-ratio:16/10;background:transparent;border:3px solid #fff;border-radius:1rem;justify-items:center;padding:1.5rem;position:relative}.grid>.item img{margin:auto}.normal{max-height:45px;max-width:80%}.tall{max-height:87%}.slim{max-height:35%}.grid .item:first-child{grid-area:brand1}.grid .item:nth-child(2){grid-area:brand2}.grid .item:nth-child(3){grid-area:brand3}.grid .item:nth-child(3) img{margin:0 10%}.grid .item:nth-child(4){grid-area:brand4}.grid .item:nth-child(5){grid-area:brand5}.grid .item:nth-child(6){grid-area:brand6}.grid .item:nth-child(7){grid-area:brand7}.grid .item:nth-child(8){grid-area:brand8}.callout{align-content:center;grid-area:callout;text-align:center}.callout h2{color:#fff;font-size:2rem;margin:0}.grid .item:nth-child(9){grid-area:brand9}.grid .item:nth-child(10){grid-area:brand10}.grid .item:nth-child(11){grid-area:brand11}.grid .item:nth-child(12){grid-area:brand12}.grid .item:nth-child(13){grid-area:brand13}.grid .item:nth-child(14){grid-area:brand14}@media screen and (max-width:1371px){.callout h2{font-size:1.4rem}.grid>.item{border-radius:.75rem}}@media screen and (max-width:1024px){.grid{gap:2vw;grid-template-areas:"brand1 brand2 brand3 brand4" "brand5 callout callout brand6" "brand7 brand8 brand9 brand10" "brand11 brand12 brand13 brand14";grid-template-columns:repeat(4,1fr)}.callout h2{font-size:2rem;padding:0}}@media screen and (max-width:576px){.dnd-section>.row-fluid{max-width:576px}.grid{gap:4vw;grid-template-areas:"brand1 brand2 brand3" "brand5 brand6 brand7" "callout callout callout" "brand9 brand10 brand11" "brand12 brand13 brand14";grid-template-columns:repeat(3,1fr);max-width:540px}.grid>.item{border:2px solid #fff;border-radius:.5rem;padding:1rem}.grid .item:nth-child(4),.grid .item:nth-child(8){display:none}.callout h2{font-size:2rem;padding:2rem 0}}@media screen and (max-width:440px){.grid{gap:4vw;grid-template-areas:"brand1 brand2" "brand6 brand7" "callout callout" "brand10 brand11" "brand13 brand14";grid-template-columns:repeat(2,1fr);max-width:400px}.grid .item:nth-child(12),.grid .item:nth-child(3),.grid .item:nth-child(4),.grid .item:nth-child(5),.grid .item:nth-child(8),.grid .item:nth-child(9){display:none}}