/**** RESET ****/
/*
 * remove margin, padding, border in all browsers
 */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * correct the line height in all browsers
 * prevent adjustments of font size adter orientation change in ios
 * box sizing
 * older versions support: saf(<5.1), chrom(<10), ff(<29)
 */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Grid: 4px
 * body font size: 14px;
 * line-height: 20px
 * */
body {
  font-family: Verdana, sans-serif;
  line-height: 1.429; /*line-height = 20px*/
  font-size: 14px;
  color: #4a4e57;
}

/** 
*  * inheritance so we can freely use other box-sizings (content-box, padding-box)
*   */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/**
*  * remove list style
*   */
ol, ul {
  list-style: none;
}

/*
 * anchor decoration
 * */
a:link {
  text-decoration: none;
  color: #99ccff;
}

a:visited {
  text-decoration: none;
  color: #99ccff;
}

a:hover, a:active {
  color: #66ccff;
  text-decoration: none;
}

/**** GLOBAL CSS STYLES ****/

h1 {
 font-size: 38px;
 line-height: 52px;
 padding: 8px 0 8px 0;
 color:#99ccff; 
}

h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  padding: 4px 0 4px 0;
  color: black;
}

h2 > i {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  padding: 4px 0 8px 0;
  color: black;
}

h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: black;
}

h5 {
  font-weight: 12px;
  line-height: 20px;
}

.filler {
  flex-grow: 1;
}

.text-small {
  font-size: 12px;
}