:root{--boxMargin:1rem}.boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.box{display:flex;flex-direction:column;box-sizing:border-box;gap:.5rem;width:100%;position:relative;background-color:#000;border-radius:.6rem}.box>div{padding:.25rem 1rem;color:#fff;text-align:center}@media (min-width:1025px){.boxes .box{margin:1.4rem 1rem 1.4rem 1rem}}@media (min-width:668px) and (max-width:1024px){.boxes .box{margin:1.2rem .6rem 1.2rem .6rem}}@media (min-width:268px) and (max-width:667px){.boxes .box{margin:1.5rem .5rem .5rem .5rem}}@media (max-width:267px){.box{margin:1.5rem .5rem .5rem .5rem}}@media (min-width:1025px){.boxes_7-3-2-1 .box{flex:14.28%;max-width:calc(14.28% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_7-3-2-1 .box{flex:33.33%;max-width:calc(33% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_7-3-2-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (max-width:267px){.boxes_7-3-2-1 .box{flex:100%}}@media (min-width:1025px){.boxes_6-3-3-2 .box{flex:16.66%;max-width:calc(16.66% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_6-3-3-2 .box{flex:33.33%;max-width:calc(33.33% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_6-3-3-2 .box{flex:33.33%;max-width:calc(33.33% - 2rem)}}@media (max-width:267px){.boxes_6-3-3-2 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:1025px){.boxes_5-3-1-1 .box{flex:20%;max-width:calc(20% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_5-3-1-1 .box{flex:33.33%;max-width:calc(33.33% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_5-3-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_5-3-1-1 .box{flex:100%}}@media (min-width:1025px){.boxes_4-2-2-1 .box{flex:25%;max-width:calc(25% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_4-2-2-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_4-2-2-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (max-width:267px){.boxes_4-2-2-1 .box{flex:100%}}@media (min-width:1025px){.boxes_4-2-1-1 .box{flex:25%;max-width:calc(25% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_4-2-1-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_4-2-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_4-2-1-1 .box{flex:100%}}@media (min-width:1025px){.boxes_3-3-1-1 .box{flex:33.33%;max-width:calc(33.33% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_3-3-1-1 .box{flex:33.33%;max-width:calc(33.33% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_3-3-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_3-3-1-1 .box{flex:100%}}@media (min-width:1025px){.boxes_3-2-1-1 .box{flex:33%;max-width:calc(33% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_3-2-1-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_3-2-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_3-2-1-1 .box{flex:100%}}@media (min-width:1025px){.boxes_3-1-1-1 .box{flex:33%;max-width:calc(33% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_3-1-1-1 .box{flex:100%}}@media (min-width:268px) and (max-width:667px){.boxes_3-1-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_3-1-1-1 .box{flex:100%}}@media (min-width:1025px){.boxes_2-2-1-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:668px) and (max-width:1024px){.boxes_2-2-1-1 .box{flex:50%;max-width:calc(50% - 2rem)}}@media (min-width:268px) and (max-width:667px){.boxes_2-2-1-1 .box{flex:100%}}@media (max-width:267px){.boxes_2-2-1-1 .box{flex:100%}}