http://www.favicon-generator.org/
http://coolors.co/
https://app.fontastic.me/accounts/login/
http://www.codecademy.com/
https://dribbble.com/

https://www.google.com/fonts
https://www.google.com/fonts#QuickUsePlace:quickUse  
// Roboto Condensed
// Open Sans

http://fortawesome.github.io/Font-Awesome/

http://pxtoem.com/

PX to EM
Formula: size in pixels / parent size in pixels
Example: 12px / 16px = .75em
PX to %
Formula: size in pixels / parent size in pixels * 100
Example: 12px / 16px * 100 = 75%

///////

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,latin-ext);


/* natural box layout model to all elements */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* 2. Reset */
body, h1, h2, h3, h4, h5, h6, ul, li, form, div, p, ol, button, hr, blockquote {
  margin: 0;
  padding: 0; }

article, figure, footer, header, nav, section, details, summary {
  display: block; }

/* 3. General */

a {outline:none;} a:active {outline:none;}a:focus {-moz-outline-style:none;}
:-moz-any-link:focus {outline:none;}
:-webkit-any-link:focus {outline:none;}


header, footer, section {
	display:block;
	}
html {
  background: white; }

body {
  font: 14px "Open Sans", sans-serif;
  text-align: center;
  color: black; }
  @media all and (max-width: 640px) {
    body {
      font-size: 13px; } }

h1, h2, h3 {
  margin-bottom: 30px;
  line-height: 1.1em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif; }

p, h4, h5, h6 {
  margin-bottom: 10px; }

input:focus, textarea:focus {
  outline: none; }

textarea {
  resize: none; }

h1, h2 {
  font-size: 5.14286em;
  font-weight: bold; }
  @media all and (max-width: 1180px) {
    h1, h2 {
      font-size: 4.57143em; } }
  @media all and (max-width: 940px) {
    h1, h2 {
      font-size: 4em; } }
  @media all and (max-width: 780px) {
    h1, h2 {
      font-size: 3.42857em; } }
  @media all and (max-width: 480px) {
    h1, h2 {
      font-size: 2.85714em; } }

h2 {
  font-weight: 300; }

// v head
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]>
-->



