/*		GLOBAL RESET		*/

{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, header, section, article, figure, aside, blockquote, nav, ul, li, a, img, h1, h2, h3, p, footer {
	margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: normal;
    vertical-align: baseline;
    background: transparent;
    border: 0;
    outline: 0;
    text-decoration: none;
}

img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

article,
aside,
figure,
img,
footer,
header,
nav,
section {
    display: block
}


body {
	line-height: 1;
}

ul, li {
	list-style: none;
}

/*		END global reset	*/


#container {
	display: block;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 0;
	padding-bottom: 2.0em;
}

header {
	margin-bottom: 2.0em;
}

/* 		MOBILE NAV 			*/

nav {
  height: 0;
  overflow-y: hidden; /* Hide the contents of nav when height is 0 */
  transition: height 0.3s ease-in-out; /* Animate height property */
}

nav ul {
	margin-bottom: 1.2em;
}

nav li {
  text-align: center;
  display: block; 
  font-family: freight-sans-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  padding-top: 1.2em;
}

.icon {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.1em;
	text-align: center;
	display: block;
	border-top: solid;
	border-top-width: thin;
	border-bottom: solid;
	border-bottom-width: thin;
	margin-top: -1px; /*Hide thin top border*/
	padding-bottom: 1.0em;
	padding-top: 1.0em;
	margin-bottom: 1.0em;
}


/* 		end MOBILE NAV */


/*		NAVIGATION		*/




/*		COLOR		*/

body {
	background-color: rgb(255,253,250,1.0);
}

h1, h2, h3, blockquote {
	color: rgb(226,72,29,1.0);
}

a {
	color: rgba(222,155,23,1.0);
}

p, ul, li {
	color: rgb(112,112,112,1.0);
}

/*		END color		*/

/*		TYPOGRAPHY		*/

#services, #org, #coms, #dev {
	padding-bottom: 3.0em;
}

#nav {
	display: none;
	margin-top: 2.0em;
	text-align: center;
}

#nav ul {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#nav li {
	display: inline;
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;	
	padding-left: 1.0em;
	padding-right: 1.0em;
}

h1 {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;		
	font-size: 3.4em;
	letter-spacing: 4px;
	line-height: 0.6em;
	padding-top: 1.0em;
	padding-bottom: 0.5em;
}

#contact h1 {
	padding-bottom: 1.0em;
}

h2 {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2.3em;
	letter-spacing: 0.02em;
	line-height: 0.9em;
	padding-top: 1.0em;
}

h3 {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;	
	font-size: 1.8em;	
	padding-bottom: 0.5em;
}

p {
	font-family: baskerville-pt, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	font-size: 1.05em;
	letter-spacing: 0.02em;
	padding-top: 0.75em;
	padding-bottom: 1.0em;
}

#org li, #coms li, #dev li {
	font-family: baskerville-pt, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	font-size: 1.05em;
	letter-spacing: 0.02em;
	list-style-type: disc;
	margin-left: 2.0em;
}

#contact {
	text-align: center;
}

footer {
	text-align: center;
	width: 100%;
}

footer p a {
	font-family: baskerville-display-pt, serif;
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.01em;
}


blockquote {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 2.0em;
	quotes: "\0022""\0022""\0027""\0027";
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

blockquote:before {
    content: open-quote;
}

 blockquote:after {
	content: close-quote;
}

#portrait {
	margin-top: 1.4em;
}

#social img {
	text-align: center;
	width: 40px;
	margin-left: auto;
	margin-right: auto;
}

/*		SCREEN SIZE GREATER THAN 640PX		*/

@media only screen and (min-width: 640px) {

#nav {
	display: block;
}

nav, .icon {
	display: none;
}

#services, #org, #coms, #dev, #bio {
	margin-left: 5.0em;
	margin-right: 5.0em;
}

 
}

@media only screen and (min-width: 767px) {

body {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
} 

#services, #org, #coms, #dev, #bio {
	margin-left: 0em;
	margin-right: 0em;
	padding-bottom: 1.0em;
}

#nav {
	font-size: 1.2em;	
	margin-top: 1.0em;
}

#masthead {
	margin-top: 2.0em;
}

#services ul {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#services li {
	display: inline;
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;	
	padding-left: 0em;
	padding-right: 1.0em;
}

header {
	margin-bottom: 1.0em;
}

#portrait {
	float: left;
}

#portrait img {
	width: 60%;
	padding-bottom: 2.0em;
}

#believe {
	padding-top: 3.0em;
}

p {
	clear: both;
}


}