/* Default breakpoints
* aka jonathandean's breakpoints * http://jonathandean.com/2013/01/showing-the-current-breakpoint-name-when-testing-responsive-designs-using-only-css/
*/
@media screen and (min-width: 960px){
#rack-show-me-breakpoints:before{ content: ' at desktop'; }
}
@media screen and (min-width: 768px) and (max-width:959px){
#rack-show-me-breakpoints:before{ content: ' at tablet'; }
}
@media screen and (max-width: 767px){
#rack-show-me-breakpoints:before{ content: ' at mobile-portrait'; }
}
@media screen and (min-width: 480px) and (max-width:767px){
#rack-show-me-breakpoints:before{ content: ' at mobile-landscape'; }
}