Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path
        fill="#c4e2ff"
        d="M381.336 447.117V20c0-11.046-8.954-20-20-20H135.664c-11.046 0-20 8.954-20 20v427.117l128.095 10.386z"
    />
    <path
        fill="#b3dafe"
        d="M344.343 24.662v432.841l36.993-10.386V24.662C381.336 11.042 370.294 0 356.674 0h-36.993c13.621 0 24.662 11.042 24.662 24.662z"
    />
    <path
        fill="#685e68"
        d="M115.664 447.117v25.524c0 13.453 10.906 24.359 24.359 24.359h216.955c13.453 0 24.359-10.906 24.359-24.359v-25.524z"
    />
    <path
        fill="#554e56"
        d="M344.343 447.117v25.524c0 13.453-10.906 24.359-24.359 24.359h36.993c13.453 0 24.359-10.906 24.359-24.359v-25.524z"
    />
    <path
        fill="#60b7ff"
        d="M270.998 47.683h-44.996c-4.143 0-7.5-3.358-7.5-7.5s3.357-7.5 7.5-7.5h44.996a7.5 7.5 0 0 1 0 15z"
    />
    <path
        fill="#fcf5f5"
        d="M198.688 192.097c24.023 0 43.568-19.544 43.568-43.568a6.25 6.25 0 0 1 6.243-6.244 6.251 6.251 0 0 1 6.244 6.244c0 24.023 19.544 43.568 43.567 43.568s43.567-19.544 43.567-43.568c0-24.023-19.544-43.567-43.567-43.567-17.406 0-32.454 10.264-39.427 25.054-3.074-1.731-6.613-2.73-10.385-2.73s-7.31.999-10.384 2.73c-6.973-14.79-22.021-25.054-39.427-25.054-24.023 0-43.567 19.544-43.567 43.567.001 24.024 19.545 43.568 43.568 43.568z"
    />
    <g fill="#8ac9fe">
        <path
            d="M334.379 214.781H162.621c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h171.758a7.5 7.5 0 0 0 0-15zM334.379 250.848H162.621c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h171.758a7.5 7.5 0 0 0 0-15zM334.379 305.497H162.621c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h171.758a7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5zM334.379 341.564H162.621c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h171.758a7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5z"
        />
    </g>
</svg>