body {
/* http://cssfontstack.com/ */
	
/*	San Serif */
/*	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
/*	font-family: Copperplate, "Copperplate Gothic Light", fantasy;*/
/*	font-family: Tahoma, Verdana, Segoe, sans-serif;*/
/*	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
/*	font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;*/
/*	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
/*	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;*/
/*	font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/

/*	Serif */
/*	font-family: Georgia, Times, "Times New Roman", serif;*/
/*	font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;*/
/*	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;*/
/*	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;*/
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*===========*/
/* Utilities */
/*===========*/

.wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1024px;
	display: block;
}

.content {
	padding: 0 1em;
}

.box {
	padding: 0;
}

.set-content-center {
	text-align: center;
}

.code {
	padding: 1em 1em 0 1em;
	border: 1px solid #eee;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	color: #333;
	background: rgb(250, 250, 250);
}

.with-section-line, .with-line {
	border-bottom: 1px solid #eee;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.full-width {
	width: 100%;
}

/*==============*/
/* Modification */
/*==============*/

html {
/* http://pxtoem.com/ */

/*	16px */
	font-size: 100%; 
	
/*	15px */
/*	font-size: 93.8%; */
	
/*	14px */
/*	font-size: 87.5%; */
	
/*	12px */
/*	font-size: 75%;*/
	
/*	10px */
/*	font-size: 62.5%;*/
	
}

p, pre {
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

p {
	font-weight: 300;
}

code {
	padding: 0.25em 0.5em;
	margin: 0 0.25em;
	color: #333;
	background: rgb(220, 220, 220);
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

ul li, ol li {
	padding: 0.35em 0;
	margin: 0;
}

ul li code:first-child {
	margin-left: 0;
}

/*=================*/
/* Web font Add On */
/*=================*/

/* http://cssdeck.com/labs/cool-and-professional-google-web-fonts-for-use */

.helvetica {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.roboto {
	font-family: Roboto;
}

.imprima {
	font-family: Imprima;
}

.open_sans {
	font-family: 'Open Sans', sans-serif;
}

.bitter {
	font-family: bitter;
}

.asap {
	font-family: asap;
}

.bree_serif {
	font-family: 'Bree Serif';
}

.ubuntu {
	font-family: Ubuntu;
}

.lobster {
	font-family: Lobster;
}

.advent_pro {
	font-family: 'Advent Pro';
}

.pt_sans {
	font-family: 'PT Sans', sans-serif;
}

.shanti {
	font-family: Shanti;
}

.yanone {
	font-family: 'Yanone Kaffeesatz';
}

.doppio_one {
	font-family: 'Doppio One';
}

.droid_sans {
	font-family: 'Droid Sans';
}

.droid_serif {
	font-family: 'Droid Serif';
}

.sarina {
	font-family: Sarina;
}

.sansita {
	font-family: 'Sansita One';
}

.exo {
	font-family: 'Exo 2', sans-serif;
}

.vollkorn {
	font-family: 'Vollkorn', serif;
}

.lora {
	font-family: 'Lora', serif;
}

/* Start New Style */

body {
	background-color: #0f253f;
	font-family: "Roboto", "Helvetica Neue";
}

.header {
	padding-top: 20px;
	padding-left: 10px;
	
}

.nav-bar {
	padding-top: 8px;
	padding-right: 10px;
}

.right {
	text-align: right;
}

.yellow-button {
	background-color: #fdcd07;
	border-radius: 20px;
	padding: 8px 20px;
	color: #102540;
	text-decoration: none;
}

.white-button {
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 8px 20px;
	color: #102540;
	text-decoration: none;
}

.xlarge-button {
	border-radius: 40px;
	padding: 15px 40px;
	font-size: 24px;
}

.hero h1 {
	color: #FFFFFF;
	padding-top: 50px;
	font-size: 50px;
	font-weight: 100;
	text-align: center;
	line-height: 60px;
}

.hero h2 {
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding-top: 0;
	margin-top: -20px;
	font-weight: 300;
}

.center {
	padding-top: 50px;
	text-align: center;
}