.dds__template--productivity{display:grid;height:100vh;grid-template:"header header" auto "nav  main" minmax(max-content,1fr) "nav  footer" auto/auto minmax(0,1fr)}.dds__template--productivity>header{grid-area:header;height:auto;width:auto}.dds__template--productivity>nav{grid-area:nav;height:auto;width:auto}.dds__template--productivity>main{grid-area:main;height:auto;width:auto}.dds__template--productivity>footer{grid-area:footer;height:auto;width:auto}@media only screen and (max-width: 480px){.dds__template--productivity>footer,.dds__template--productivity>main{grid-column:1/3}}