Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <rect
        width="54.054"
        height="40"
        x="2"
        y="11.5"
        fill="#fff"
        rx="2"
        transform="rotate(180 29.027 31.5)"
    />
    <path
        d="M54.054 11.5h-4a2 2 0 0 1 2 2v25.585l-4.557-.026a2.906 2.906 0 0 0-2.923 2.906v8.141l7.363.043a1.994 1.994 0 0 1-1.883 1.351h4a2 2 0 0 0 2-2v-36a2 2 0 0 0-2-2zM34.638 22.957h.107V13.5H31v5.82a3.638 3.638 0 0 0 3.638 3.637z"
        opacity=".1"
    />
    <path fill="#fff" d="M33.027 59.5h-8v-8h8z" />
    <g fill="#ffcc80">
        <rect
            width="21"
            height="14"
            x="44.5"
            y="42"
            rx="2"
            transform="rotate(90 55 49)"
        />
        <rect
            width="27"
            height="20"
            x="35"
            y="4.5"
            rx="2"
            transform="rotate(180 48.5 14.5)"
        />
        <circle cx="29" cy="43.5" r="2" />
    </g>
    <path
        d="M29.027 51.5h4v8h-4zM60 38.5h-4a2 2 0 0 1 2 2v17a2 2 0 0 1-2 2h4a2 2 0 0 0 2-2v-17a2 2 0 0 0-2-2zM60 4.5h-4a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h4a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2z"
        opacity=".1"
    />
    <path
        fill="#4d4d4d"
        d="M60 2.5H37a4.005 4.005 0 0 0-4 4v3H4a4.005 4.005 0 0 0-4 4v36a4.005 4.005 0 0 0 4 4h19.027v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-6H46v4a4.005 4.005 0 0 0 4 4h10a4.005 4.005 0 0 0 4-4v-17a4.005 4.005 0 0 0-4-4h-1.95v-10H60a4.005 4.005 0 0 0 4-4v-16a4.005 4.005 0 0 0-4-4zm-28.973 55h-4v-4h4zM60 57.5H50v-17h10zm-5.95-21H50a4.005 4.005 0 0 0-4 4v9H4v-36h29v9a4.005 4.005 0 0 0 4 4h17.05zm5.95-14H37v-16h23z"
    />
</svg>