html { font-size: 0.0520833333333333vw; }
@media (min-width: 1921px) { html { font-size: 1px; } }
@media (max-width: 1500px) { html { font-size: 0.0666666666666667vw; } }
@media (max-width: 1024px) { html { font-size: 0.09765625vw; } }
@media (max-width: 600px) { html { font-size: 0.1666666667vw; } }
@media (max-width: 460px) { html { font-size: 0.2173913043478261vw; } }

:root {
    --dt-ink: #17231f;
    --dt-muted: #575e58;
    --dt-accent: #12624f;
    --dt-accent-2: #e7a23b;
    --dt-clay: #b76f38;
    --dt-cream: #f4f7f3;
    --dt-sand: #dfe7dc;
    --dt-white: #ffffff;
    --dt-line: rgba(18, 45, 39, 0.16);
    --dt-shadow: 0 24rem 80rem rgba(45, 30, 15, 0.14);
    --dt-radius: 8rem;
    --dt-radius-sm: 6rem;
    --dt-container: 1680rem;
    --dt-pad: 40rem;
    --dt-font: Arial, Helvetica, sans-serif;
}