body{margin:0;background:#000}.header{grid-area:header}.left-ad{grid-area:left-ad}.content{grid-area:content}.right-social{grid-area:right-social}.footer{grid-area:footer}.box{background-color:#000;color:#fff;border-radius:0;padding:0;font-size:100%}.content,.footer,.header{background-color:#000;vertical-align:top}.left-ad{align:left;background-color:#000;color:#fff;overflow:hidden;padding-left:5px;padding-right:10px;padding-top:5px}.right-social{background-color:#000;color:#fff}.wrapper{background-color:#000;color:#fff}.wrapper{display:grid;grid-gap:0;grid-template-areas:"header" "left-ad" "content" "right-social" "footer"}@media only screen and (max-width:600px){.wrapper{grid-gap:0;grid-template-columns:100%;grid-template-rows:0 calc(100vh - 0px) minmax(0,0);grid-template-areas:"header" "content" "footer"}.left-ad,.right-social{visibility:hidden;display:none}}@media only screen and (min-width:601px){.wrapper{grid-gap:0;grid-template-columns:320px calc(100vw - 380px) 60px;grid-template-rows:0 calc(100vh - 0px) minmax(0,0);grid-template-areas:"left-ad header header" "left-ad content right-social" "left-ad footer right-social";max-width:100%}}