html,body{height:100%}.box{text-align:center;font:15px helvetica neue,Helvetica,Arial;background:#ffc500;color:#fff;padding:15px 0}.media{background-color:#3a3a3a;color:#fff;text-align:center;position:fixed;right:0;bottom:0;min-width:100px;padding:15px;font-family:helvetica}.media strong:after{content:"Large Desktop"}@media(max-width:30em){.media strong:after{content:"Mobile"}}@media(min-width:30em) and (max-width:50em){.media strong:after{content:"Tablet"}}@media(min-width:50em) and (max-width:68.750em){.media strong:after{content:"Small Desktop"}}