Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#474747"
        d="M393.457 31.377v208.682H51.394V31.377c0-13.835 11.215-25.05 25.05-25.05h291.963c13.835 0 25.05 11.215 25.05 25.05z"
    />
    <path fill="#e8f1f8" d="M84.793 39.727h275.264V206.66H84.793z" />
    <path
        d="M393.476 31.372V240.08H51.377v-47.428c20.416 5.595 41.917 8.601 64.128 8.601 117.526 0 215.472-83.792 237.307-194.93h15.614c13.82-.001 25.05 11.229 25.05 25.049z"
        opacity=".12"
    />
    <path
        fill="#fdcf17"
        d="M419.297 252.987c0-7.14-5.788-12.928-12.928-12.928H38.482c-7.14 0-12.928 5.788-12.928 12.928 0 16.418 13.309 29.727 29.727 29.727H389.57c16.418 0 29.727-13.309 29.727-29.727z"
    />
    <path
        fill="#e77c6a"
        d="M462.95 187.943v210.188c0 10.005-8.111 18.116-18.116 18.116H283.242c-10.005 0-18.116-8.111-18.116-18.116V187.943c0-10.005 8.111-18.116 18.116-18.116h161.592c10.005 0 18.116 8.111 18.116 18.116z"
    />
    <path
        d="M462.95 187.943v210.188c0 10.009-8.107 18.116-18.116 18.116H283.242c-8.877 0-16.259-6.386-17.799-14.81 96.421-6.069 172.688-86.186 172.688-184.146 0-16.395-2.129-32.337-6.16-47.464h12.862c10.01 0 18.117 8.107 18.117 18.116z"
        opacity=".12"
    />
    <path
        fill="#ebd8ae"
        d="M292.3 218.012v157.474c0 7.504 6.083 13.587 13.587 13.587H422.19c7.504 0 13.587-6.083 13.587-13.587V218.012c0-7.504-6.083-13.587-13.587-13.587H305.886c-7.503 0-13.586 6.083-13.586 13.587z"
    />
    <path
        d="M435.776 218.015v157.471a13.569 13.569 0 0 1-13.587 13.587H305.886a13.5 13.5 0 0 1-11.775-6.839c71.104-.951 128.395-58.831 128.395-130.161 0-16.802-3.17-32.88-9.058-47.644h8.741a13.568 13.568 0 0 1 13.587 13.586z"
        opacity=".12"
    />
    <path
        fill="#474747"
        d="M381.31 194.032h-34.546a5.312 5.312 0 0 1 0-10.624h34.546a5.312 5.312 0 0 1 0 10.624z"
    />
    <path
        fill="#475da9"
        d="m486.443 326.517.001 166.946c0 6.746-5.469 12.216-12.215 12.216h-85.137c-6.746 0-12.216-5.469-12.216-12.216l-.001-166.946c0-6.746 5.469-12.216 12.215-12.216h85.137c6.747 0 12.216 5.469 12.216 12.216z"
    />
    <path
        fill="#e8f1f8"
        d="M470.842 338.776v142.428a5.614 5.614 0 0 1-5.622 5.622h-67.128a5.626 5.626 0 0 1-5.622-5.622V338.776a5.614 5.614 0 0 1 5.622-5.622h13.456a4.452 4.452 0 0 0-.356 1.743 4.36 4.36 0 0 0 4.367 4.367h32.215c2.329 0 4.367-1.885 4.367-4.367 0-.618-.131-1.218-.356-1.743h13.437a5.614 5.614 0 0 1 5.62 5.622z"
    />
    <path
        d="m486.445 326.517.001 166.946c0 6.739-5.477 12.216-12.215 12.216h-85.142c-6.739 0-12.216-5.476-12.216-12.216v-.753c53.443-.387 96.625-43.813 96.624-97.318v-81.091h.733c6.738 0 12.215 5.477 12.215 12.216z"
        opacity=".12"
    />
</svg>