Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#49358a" d="M229.056 299.512h116.986v71.826H229.056z" />
    <path
        fill="#4955a1"
        d="M385.721 384.899c0 7.49-6.072 13.562-13.562 13.562h-169.22c-7.49 0-13.562-6.072-13.562-13.562 0-7.49 6.072-13.562 13.562-13.562h169.22c7.49 0 13.562 6.072 13.562 13.562zM507.001 36.058v255.75c0 17.149-13.902 31.05-31.05 31.05H99.148c-17.149 0-31.05-13.902-31.05-31.05V36.058c0-17.149 13.902-31.05 31.05-31.05H475.95c17.148 0 31.051 13.902 31.051 31.05z"
    />
    <path fill="#e8f1f8" d="M110.121 47.031h354.857v233.805H110.121z" />
    <path
        d="M507.001 36.049v255.778c0 17.136-13.868 31.05-31.05 31.05H99.147c-17.136 0-31.049-13.914-31.049-31.05v-11.906h109.165C331.719 279.921 457.6 157.916 463.81 5h12.14c17.183 0 31.051 13.914 31.051 31.049z"
        opacity=".12"
    />
    <path
        fill="#474747"
        d="M175.201 256.582v229.056c0 11.798-9.564 21.362-21.362 21.362H26.362C14.564 507 5 497.436 5 485.638V256.582c0-11.798 9.564-21.362 21.362-21.362h127.479c11.796 0 21.36 9.564 21.36 21.362z"
    />
    <path fill="#e8f1f8" d="M26.362 256.584h127.477v229.054H26.362z" />
    <path
        d="M153.838 256.587v229.052H26.362v-21.255c61.041-9.56 107.716-62.322 107.716-125.981v-81.816z"
        opacity=".12"
    />
    <path
        fill="#f14f4a"
        d="M50.146 420.085a5.338 5.338 0 0 1-5.341-5.341v-19.828a5.338 5.338 0 0 1 5.341-5.341 5.337 5.337 0 0 1 5.341 5.341v19.829a5.337 5.337 0 0 1-5.341 5.34zM76.78 420.085a5.338 5.338 0 0 1-5.341-5.341v-45.457c0-2.951 2.388-5.341 5.341-5.341s5.341 2.389 5.341 5.341v45.457a5.337 5.337 0 0 1-5.341 5.341zM130.049 420.085a5.338 5.338 0 0 1-5.341-5.341v-61.806a5.338 5.338 0 0 1 5.341-5.341 5.337 5.337 0 0 1 5.341 5.341v61.806a5.337 5.337 0 0 1-5.341 5.341zM103.415 420.085a5.338 5.338 0 0 1-5.341-5.341v-29.79a5.338 5.338 0 0 1 5.341-5.341 5.337 5.337 0 0 1 5.341 5.341v29.79a5.337 5.337 0 0 1-5.341 5.341z"
    />
    <path
        fill="#0e9c4a"
        d="M46.418 373.112a5.337 5.337 0 0 1-.093-7.551l26.655-27.354a5.35 5.35 0 0 1 6.722-.756l22.661 14.634 23.604-28.043a5.329 5.329 0 0 1 7.52-.646 5.33 5.33 0 0 1 .646 7.52l-26.634 31.647a5.33 5.33 0 0 1-6.984 1.048l-22.942-14.817-23.604 24.225c-2.047 2.107-5.435 2.155-7.551.093z"
    />
    <path
        fill="#f14f4a"
        d="M209.999 253.974a5.339 5.339 0 0 1-5.341-5.341v-38.494c0-2.951 2.389-5.341 5.341-5.341s5.341 2.389 5.341 5.341v38.494a5.337 5.337 0 0 1-5.341 5.341zM261.699 253.974a5.339 5.339 0 0 1-5.341-5.341V160.39c0-2.951 2.389-5.341 5.341-5.341s5.341 2.389 5.341 5.341v88.243a5.34 5.34 0 0 1-5.341 5.341zM365.102 253.974a5.339 5.339 0 0 1-5.341-5.341V128.656c0-2.951 2.388-5.341 5.341-5.341s5.341 2.388 5.341 5.341v119.978c0 2.951-2.39 5.34-5.341 5.34zM313.397 253.974a5.339 5.339 0 0 1-5.341-5.341v-57.827a5.338 5.338 0 0 1 5.341-5.341 5.338 5.338 0 0 1 5.341 5.341v57.827a5.337 5.337 0 0 1-5.341 5.341z"
    />
    <path
        fill="#0e9c4a"
        d="M206.271 164.214a5.337 5.337 0 0 1-.093-7.551l51.741-53.097a5.35 5.35 0 0 1 6.722-.756l47.705 30.817L361.018 75.8a5.333 5.333 0 0 1 7.52-.646 5.33 5.33 0 0 1 .646 7.52l-51.704 61.43a5.33 5.33 0 0 1-6.984 1.048l-47.986-30.999-48.69 49.967c-2.044 2.108-5.433 2.157-7.549.094z"
    />
</svg>