to decide the sizeof the text and related elements, it is recommended to use em measure.

body {
 font-size: 12px; /* Global measurment */
}
h1 {
 font-size: 5.0em; /* 5.0 x 12 = 60px  measures in basis of his parent element size */
}
h2 {
 font-size: 4.0em;
}
h3 {
 font-size: 3.0em;
}
h4 {
 font-size: 2.0em;
}
blockquote {
 font-size: 1.5em;
}
p {
 font-size: 1.25em;
}
input {
 font-size: 1.0em;
}
small {
 font-size: 0.75em;
}

• Understanding each thing, Getting Started
• 6 Ways To Improve Your Web Typography
• Putting elements hover images (playing with position relative & absolute)