body {
	/*font-family: 'Raleway', sans-serif;
	font-family: 'Work Sans', sans-serif;
	font-family: 'Merriweather', serif;*/
	font-family: 'Open Sans', sans-serif;
	background-color: #FDFDFE;
}

#container {
	padding-top: 50px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Customize container */
@media (min-width: 768px) {
  #container { max-width: 1000px; }
}

h1 {
	padding-top: 100px;
	padding-bottom: 100px; 
}

h2 {
	font-size: 26px;
	color: #000000;
	margin-bottom: 20px;
}

h3 {
	font-weight: 400;
	font-size: 24px;
	font-variant: small-caps;
	text-transform: lowercase;
}

h4 {

	font-weight: 400;
	font-size: 18px;
	font-variant: small-caps;
	text-transform: lowercase;
}

p {
	font-weight: 300;
	font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.003em;
}

hr {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #efecec;
}

blockquote {
	margin-top: 30px;

	font-weight: 300;
	font-style: italic;
    font-size: 28px;
    line-height: 1.48;
    letter-spacing: -.014em;
}

.well>blockquote {
	margin-top: 10px;
	margin-bottom: 10px;

	font-weight: 300;
	font-style: normal;
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: -.014em;
}

.well {
	background-color: #efecec;
    border: 1px solid #efe7e7;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#intro {
	font-style: italic;
}

/* Navigation top bar */
.top-nav {
	margin-bottom: 40px;
}

/* Navigation side bar */

/* #sidebar { position: fixed; left: 20px; top: 20px } */

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: white;
    background-color: #3c3b3b;
    font-weight: 400;
}

.nav-pills>li>a {
    color: #828282;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
}

/* Roboto demo */
.roboto {
	font-family: 'Roboto', sans-serif;
}
.roboto-light, .roboto-regular, .roboto-medium {
	font-size: 16px;
} 
.roboto-light {
	font-weight: 100;
}
.roboto-regular {
	font-weight: 400;
}
.roboto-bold {
	font-weight: 700;
}

/* Roboto MONO demo */
.roboto-mono {
	font-family: 'Roboto Mono', monospace;
}
.roboto-mono-light, .roboto-mono-regular, .roboto-mono-medium {
	font-size: 16px;
} 
.roboto-mono-light {
	font-weight: 100;
}
.roboto-mono-regular {
	font-weight: 400;
}
.roboto-mono-medium {
	font-weight: 500;
}

/* Charts styles */
.chart {
	padding: 30px;
}

/* Thumbs styles */
.thb{
	border-style: solid;
    border-color: #efecec;
    border-width: 1px;
    margin: 15px;
    padding: 15px;
}

/* Color Palette styles */
#color_palette {
	width: 50px;
	height: 50px;
}

.color_active { background-color: #262626; }
.color_navigation { background-color: #313236; }
.color_filler { background-color: #DEDEDE; }
.color_dashboard { background-color: #E54F61; }
.color_field { background-color: #47D4BE; }
.color_donors { background-color: #5BCAFF; }
.color_call { background-color: #D92C6B; }
.color_retention { background-color: #2CB444; }
.color_campaigns { background-color: #71BA00; }
.color_payroll { background-color: #B036CD; }
.color_interactions { background-color: #0098AF; }
.color_transfer { background-color: #F79F00; }
.color_account { background-color: #365575; }
.color_activity { background-color: #D8D633; }
.color_help { background-color: #77A9FF; }


/* Media query for SMALL vertical space */

@media only screen and (max-height : 870px) {

	#container { padding-top: 20px; }

    #my_big_screen_header { display: none;  }
    #my_small_screen_header {
    	padding-top: 0px;
    	padding-bottom: 0px;
    }

    h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 16px; }
	p { font-size: 16px; }

	.nav-pills>li>a { font-size: 13px; }

	hr { padding-bottom: 0px; }

	blockquote {
		margin-top: 20px;
	    font-size: 24px;
	}

	.well>blockquote { font-size: 14px; }
	.top-nav { margin-bottom: 20px; }

}

/* Media query for SMALL vertical space */

@media only screen and (min-height : 871px) and (max-height : 1140px) {

	#container { padding-top: 20px; }

    #my_big_screen_header { 	
    	padding-top: 20px;
		padding-bottom: 20px; 
	}

    #my_small_screen_header {
    	display: none;
    }

    h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 16px; }
	p { font-size: 16px; }

	.nav-pills>li>a { font-size: 13px; }

	hr { padding-bottom: 0px; }

	blockquote {
		margin-top: 20px;
	    font-size: 24px;
	}

	.well>blockquote { font-size: 14px; }
	.top-nav { margin-bottom: 20px; }

}

/* Media query for LARGE vertical space */
@media only screen and (min-height : 1141px) {
    #my_small_screen_header { display: none; }
}