img.tTip { margin: 8px 15px 8px 0px; float: left; } #demo_wrapper { width: 100%; margin: 5px auto 0px auto; font-size: 32px; font-weight: normal; line-height: 36px; color:#ffffff; text-align:center; } #demo_wrapper a:hover { color: #04443f;} .yellowTip { } .yellowTip .content { width: 750px; padding: 10px; border: 0px solid #f9e98e; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #423e3e; color: #fff; font-size:14px; text-align:center; border-radius: 5px; } .yellowTip .bottom { height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; } @media only screen and (max-width: 780px) { .yellowTip .content { width: 90%; font-size:12px; margin:0px auto; } } @media only screen and (max-width: 760px) { .yellowTip .content { width: 90%; font-size:12px; margin:0px auto; } #demo_wrapper { font-size: 16px; line-height: 18px;} }