p.tipBox,
p.infoBox,
p.noteBox,
p.warningBox {
    position: relative;
    padding: 15px;
    padding-right: 30px;
    border-radius: 4px;
}

p.warningBox:before,
p.noteBox:before,
p.infoBox:before,
p.tipBox:before {
  position: absolute;
  font-family: FontAwesome;
  font-size: 1.5em;
  right: 10px;
  top: 5px;
}

p.tipBox {
    background-color: #dff0d8;
}
p.tipBox:before {
  content: "\f05d";
}

p.infoBox {
    background-color: #d9edf7;
}
p.infoBox:before {
  content: "\f05a";
}

p.noteBox {
    background-color: #fcf8e3;
}
p.noteBox:before {
  content: "\f071";
}

p.warningBox {
    background-color: #f2dede;

}
p.warningBox:before {
  content: "\f06a";
}

body > p
blockquote > p, 
body,
body > h1,
body > h2,
body > h3,
body > h4,
body > h5,
body > h6 {
  font-family: 'Open Sans';
} 

body > p,
body
{
  font-size: 16px;
}

body > h1
{
  font-size: 30px;
}
body > h2
{
  font-size: 22px;
}
body > h3
{
  font-size: 20px;
}
body > h4
{
  font-size: 18px;
}
body > h5
{
  font-size: 16px;
}
body > h6
{
  font-size: 13px;
}