.lca { background-color: #fefefe; padding: 0; text-align: center; position: relative; flex: none; height: 15rem; &_left {} &_right { right: 0; position: relative; @media (max-width: 1000px) { right: -17rem; } } &_shape1 { position: absolute; top: 0; left: -5%; z-index: 1; } &_logo { width: 24rem; display: block; position: absolute; left: 3rem; top: 7rem; z-index: 10; @media (max-width: 800px) { width: 20rem; top: 8rem; } } &_shape2 { position: absolute; top: 0; right: calc(27rem + 10vw); z-index: 1; @media (max-width: 800px) { display: none; } } &_greenshape { position: absolute; top: -5rem; right: calc(25rem + 5vw); font-weight: bold; color: #fff; margin: 1em auto; background: #004943; border-radius: 10rem; width: 15.625rem; height: 15.625rem; overflow: hidden; flex: none; text-align: center; display: flex; align-items: center; z-index: 20; font-size: 1.5rem; span { display: block; width: 100%; padding: 1rem; } @media (max-width: 800px) { width: 10rem; height: 10rem; font-size: 1rem; top: -4rem; } } &_robot { position: absolute; top: 0; right: calc(2rem + 2vw); } }