/** ----------------------------------------------------------
 *
 * CUSTOM STYLES
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-family: Montserrat, sans-serif;
	margin-bottom: 2rem;
	
}
.gallery-image{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 30%;
	
}
.gallery{
	margin-top: 15px;
	
}
.footer {
	padding: 15px;
 	background-color: #343434;
}
.footer h3 {
	margin:0px;
	color: #FFFFFF;
	font-weight:100;
	
}

.footer a {
	color: #FFFFFF;
	
	text-decoration:none;
	
}
.feature {
	background-color: green;
}

.feature .caption {
	text-align:center;
	color:#FFFFFF;
	padding: 15px;
	
}

.feature h3.caption  {
	font-size: 2.8rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	font-weight: 200;
	color:#FFFFFF;
		
}

.tagline h1 {
	font-size: 2.5rem;
	font-weight: 100;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: center; 	
		
}


/* Larger than mobile */
@media (min-width: 400px) {

.gallery-image{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 100%;
	max-height: 200px;
	overflow:hidden;
	
	
	
}
.gallery-image img{
	
	width: 100%;
	
	
}

.tagline h1 {
	font-size: 2.6rem;
	font-weight: 100;
	display:block;
	padding-top: 1em;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: center; 	
		
}
	
	}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

.gallery-image{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 45%;
	max-height: 150px;
	overflow:hidden;
	
}
.gallery-image img{
	
	width: 100%;
	
	
}

.feature h3.caption  {
	font-size: 2.1rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	font-weight: 200;
	color:#FFFFFF;
		
}

.tagline h1 {
	font-size: 1.8rem;
	font-weight: 100;
	display:block;
	padding-top: 1.8em;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: right; 	
		
}

	}

/* Larger than tablet */
@media (min-width: 750px) {
	

.gallery-image{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 45%;
	max-height: 130px;
	overflow:hidden;
	
}
.gallery-image img{
	
	width: 100%;
	
	
}

.feature h3.caption  {
	font-size: 2.6rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	font-weight: 200;
	color:#FFFFFF;
		
}

.tagline h1 {
	font-size: 2.2rem;
	font-weight: 100;
	display:block;
	padding-top: 2.2em;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: right; 	
		
}
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	.gallery-image{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 30%;
	max-height: 120px;
	overflow:hidden;
	
}
.gallery-image img{
	
	width: 100%;
	
}

.feature h3.caption  {
	font-size: 3.7rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	font-weight: 200;
	color:#FFFFFF;
		
}

.tagline h1 {
	font-size: 2.6rem;
	font-weight: 100;
	display:block;
	padding-top: 2.6em;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: right; 	
		
}
	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	

.feature h3.caption  {
	font-size: 4.1rem;
	line-height: 1.1;
	letter-spacing: -.1rem;
	font-weight: 200;
	color:#FFFFFF;
		
}

.tagline h1 {
	font-size: 2.8rem;
	font-weight: 100;
	display:block;
	padding-top: 2.7em;
	
}

.branding img {
	width: 100%;
	height:auto; 	
		
}		

.tagline {
	text-align: right; 	
		
}
	}