body {
  background-color: #fff;
}




/* general stuff */
h1 {
  color: #428bca; 
}
h2 {
  /*font-family: 'Palatino Linotype';*/
  /*font-weight: bold;*/
  color: #428bca;
}


@media (min-width: 700px) {
  h1 {
      font-size: 4em;
      margin-bottom: 20px;
      margin-top: 100px;
  }
  h2 {
      font-size: 4em;
      margin-bottom: 20px;
      margin-top: -70px;
  }
/* actionbutton style */
  .btn {
      margin-top: 30px;
      font-size: 1.2em;
  }
  .stat {
      height: 650px;
  }    
  p {
      font-size: 1.2em;
  }
	
}
@media (max-width:  700px) {
  h1 {
      font-size: 3em;
      margin-bottom: 5px;
      margin-top: 25px;
  }
  h2 {
      font-size: 32px;
      margin-bottom: 20px;
      margin-top: -90px;
  }
  /* actionbutton style */
  .btn {
      margin-top: 10px;
      font-size: 1.2em;
  }
  .stat {
      width: 100%;
  }    
  p {
      font-size: 1em;
  }
}