responsive type

ids added for media queries