Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="-31 0 511 512"
>
    <path
        fill="#838383"
        d="M374.96 62.719V20.605C374.96 9.227 365.735 0 354.356 0H21.105C9.727 0 .5 9.227.5 20.605V62.72zM.5 451.2v40.195C.5 502.773 9.727 512 21.105 512h333.25c11.38 0 20.606-9.227 20.606-20.605v-40.196zm0 0"
    />
    <path
        fill="#5a5a5a"
        d="M344.05 20.605V62.72h30.903V20.605C374.953 9.22 365.734 0 354.352 0h-30.907c11.383 0 20.606 9.219 20.606 20.605zM344.05 451.2v40.195c0 11.386-9.222 20.605-20.605 20.605h30.907c11.382 0 20.601-9.219 20.601-20.605v-40.196zm0 0"
    />
    <path fill="#6adcfa" d="M.504 51.766h374.45v408.468H.503zm0 0" />
    <path fill="#00c2f8" d="M344.05 51.766h30.903v408.468h-30.902zm0 0" />
    <path
        fill="#5a5a5a"
        d="M187.73 33.996a7.729 7.729 0 0 1-7.726-7.726v-.118c0-4.27 3.46-7.726 7.726-7.726s7.727 3.457 7.727 7.726v.118a7.729 7.729 0 0 1-7.727 7.726zm0 0"
    />
    <path
        fill="#838383"
        d="M279.113 467.7v32.308c0 6.625 5.371 11.992 11.992 11.992h147.2c6.625 0 11.992-5.367 11.992-11.992v-32.309zM450.297 263.71v-37.726c0-6.625-5.367-11.992-11.992-11.992h-147.2c-6.62 0-11.992 5.367-11.992 11.992v37.727zm0 0"
    />
    <path
        fill="#5a5a5a"
        d="M426.133 225.984v37.727h24.164v-37.727c0-6.625-5.367-11.992-11.992-11.992H414.14c6.625 0 11.992 5.367 11.992 11.992zM426.133 467.7v32.308c0 6.625-5.367 11.992-11.992 11.992h24.164c6.625 0 11.992-5.367 11.992-11.992v-32.309zm0 0"
    />
    <path fill="#cecece" d="M279.117 247.21h171.18v228.485h-171.18zm0 0" />
    <path fill="#acacac" d="M426.133 247.21h24.164v228.485h-24.164zm0 0" />
    <g fill="#007cad">
        <path
            d="M115.027 145.598H65.781a7.726 7.726 0 1 1 0-15.453h49.246a7.726 7.726 0 1 1 0 15.453zM227.46 197.86H65.782a7.729 7.729 0 0 1-7.726-7.727 7.729 7.729 0 0 1 7.726-7.727h161.68a7.725 7.725 0 0 1 7.723 7.727 7.725 7.725 0 0 1-7.723 7.726zM227.46 235.387H65.782a7.726 7.726 0 1 1 0-15.453h161.68a7.723 7.723 0 0 1 7.723 7.726 7.725 7.725 0 0 1-7.723 7.727zM227.46 272.91H65.782a7.725 7.725 0 1 1 0-15.45h161.68a7.722 7.722 0 0 1 7.723 7.724 7.72 7.72 0 0 1-7.723 7.726zm0 0"
        />
    </g>
    <path
        fill="#0092ce"
        d="M110.129 374.133H76.082c-5.691 0-10.3-4.613-10.3-10.305v-34.047c0-5.687 4.609-10.3 10.3-10.3h34.047c5.691 0 10.3 4.613 10.3 10.3v34.047c0 5.692-4.609 10.305-10.3 10.305zm0 0"
    />
    <path
        fill="#007cad"
        d="M120.434 329.781v34.047c0 5.688-4.614 10.305-10.301 10.305H88.496c5.688 0 10.305-4.617 10.305-10.305v-34.047c0-5.687-4.617-10.3-10.305-10.3h21.637c5.687 0 10.3 4.613 10.3 10.3zm0 0"
    />
    <path
        fill="#0092ce"
        d="m406.266 351.738-38.97-38.968h24.216c8.558 0 15.5-6.938 15.5-15.5 0-8.56-6.942-15.497-15.5-15.497h-61.633c-8.559 0-15.5 6.938-15.496 15.497v61.632a15.419 15.419 0 0 0 4.539 10.961 15.45 15.45 0 0 0 10.957 4.54c8.558 0 15.5-6.938 15.5-15.5v-24.216l38.969 38.97c6.054 6.054 15.867 6.054 21.918 0 6.05-6.052 6.05-15.868 0-21.919zm0 0"
    />
</svg>