Maquetación con CSS Responsive Web

style.css

 

/*CSS para toda la web*/
h3{
color: #AAAAAA;
}

/*CSS de Ancho: 0 – 500*/
@media screen
and (min-width: 0px)
and (max-width: 500px) {
/**/
h3{
color: #BBBBBB;
}
/**/
}

/*CSS de Ancho: 501 – 1000*/
@media screen
and (min-width: 501px)
and (max-width: 1000px) {
/**/
h3{
color: #CCCCCC;
}
/**/
}
/*CSS de Ancho: 1001 a más*/
@media screen
and (min-width: 1001px) {
/**/
h3{
color: #DDDDDD;
}
/**/
}

Más información: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

post-author