.container {
  padding-right: 15px;
  padding-left: 15px;
}

header {
	position: relative;
	top: 3em;
}

/* Typography */

a:hover {
	color: red;
	text-decoration: none;
}


h1 {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: .02em;
	text-align: center;
	line-height: .75em;
}

h1 a {
	color: black;
}

h1 a:hover {
	text-decoration: none;
	color: red;
}

h2 {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: .8em;
	text-transform: uppercase;
	color: rgba(191,191,191,0.98);
	letter-spacing: .05em;
	line-height: .75em;
	text-align: center;
}

h2 a  {
	text-decoration: none;
	color: rgba(191,191,191,0.98);
/*
	transition: color 1s ease;
		-webkit-transition: color 1s ease;
		-o-transition: color 1s ease;
		-moz-transition: color 1s ease;
		-ms-transition: color 1s ease;
*/
}	

a, h2 a:visited {
	color:rgba(191,191,191,0.98);
}

h2 a:hover {
	color: red;
	text-decoration: none;
}

h2 a:active {
	color:rgba(191,191,191,0.98);
}

h3.bigidea {
	font-family: "adobe-caslon-pro", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 4em;
	text-align: center;
	padding-top: .25em;
	line-height: 1em;
}

.random-headline { 
display: none; 
}

.no-js .random-headline:first-child { display: inline; }


p {
	font-family: "adobe-caslon-pro", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
}

p.small {
	font-family: "adobe-caslon-pro", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25em;
	font-feature-settings:"liga", "dlig";
		-moz-font-feature-settings:"liga=1, dlig=1"; 
		-ms-font-feature-settings:"liga", "dlig"; 
		-o-font-feature-settings:"liga", "dlig"; 
		-webkit-font-feature-settings:"liga", "dlig";
	padding-bottom: 3em;
}

span.italics {
	font-style: italic;
}

p.signoff {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: .7em;
	text-transform: uppercase;
	color: rgba(191,191,191,0.98);
	letter-spacing: .04em;
	line-height: .75em;
	text-align: center;
}

p span.smallcaps {
	font-size: 80%;
	letter-spacing: .1em;
}

#redtext {
	color: black;
	transition: color 3s ease;
		-webkit-transition: color 3s ease;
		-o-transition: color 3s ease;
		-moz-transition: color 3s ease;
		-ms-transition: color 3s ease;	
}
 
p span#redtext.animated {
	color: red;
}


/* Navigation */


nav {
	width: 100%;
}

ul.nav {
	margin: auto;
	width: 65%;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: .8em;
	text-transform: uppercase;
	color: rgba(191,191,191,0.98);
	letter-spacing: .04em;
}

li {
	text-align: center;
	height: .75em;
}

ul.nav li a {
	color: rgba(191,191,191,0.98);
	height: .75em;
	padding: 0;
}

ul.nav li a:hover {
	background-color: white;
	color: black;
}



/* Spatial Organization */

.jumbotext {
	width: 100%;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom:1px solid #eee;
}

.starburst {
	background: url("images/burst.svg") no-repeat;
	width: 4em;
	height: 4em;
	position: absolute;
	top: 13.5em;
	left: 47.5%;
}

.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}


[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
}


.moreprojects {
	padding-top: 1em;
	border-top: 1px solid #eee;
}

div.footer {
	margin-top: 1em;
}

footer {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #eee;	
	margin-bottom: 2em;
}


/* Images - Home page */

.imageplaceholder {
	margin: auto;
	width: 22em;
	max-width: 100%;
/* 	height: 15em; */
}

.bigimage, img {
	max-width: 100%;
	
}

/* Responsive Exceptions */


@media (min-width: 768px) and (max-width: 900px) {

ul.nav {
	margin: auto;
	width: 70%;
	}

	p {
	font-size: 1.5em;
	}

	h3.bigidea {
	font-size: 3em;
	}

	.starburst {
	position: absolute;
	top: 12em;
	left: 46%;
	}
	
	.bigimage {
	max-width: 100%;
	height: 40em;
	background-color:rgba(191,191,191,0.98)	
}

}

@media (max-width: 767px) {

ul.nav {
	padding-top: 0px;
	padding-bottom: 5px;
}

nav ul.nav li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

	p {
	font-size: 1.25em;
	}
	
	p.small {
	font-family: "adobe-caslon-pro", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.05em;
	font-feature-settings:"liga", "dlig";
		-moz-font-feature-settings:"liga=1, dlig=1"; 
		-ms-font-feature-settings:"liga", "dlig"; 
		-o-font-feature-settings:"liga", "dlig"; 
		-webkit-font-feature-settings:"liga", "dlig";
	padding-bottom: 3em;
}

	h3.bigidea {
	font-size: 1.6em;
	padding-bottom: .125em;
	}

	.starburst {
	background: url("images/burst_small.svg") no-repeat;
	position: absolute;
	top: 15.125em;
	left: 41%;
	}
	
	.bigimage {
	max-width: 100%;
	height: 20em;
	background-color:rgba(191,191,191,0.98)	
}