@charset "utf-8";
/* CSS Document */

body {
	overflow:auto;
}

#intro {
	width:100%;
	height:100%;
	background:url(../img/intro_bg.jpg) repeat-x top;
	padding-top:8px;
}

#intro header {
	width:100%;
	padding:60px 0;
	background:#303030;
}

.fitsize {
	width:50%;
	margin-top:30px;
}

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

{
	
.fitsize {
	width:70%;
}
}


@media only screen and (min-width:320px) and (max-width:480px) {

.fitsize {
	width:100%;
}

}


.fitsize h1, .home-type h1 {
	font-weight:300;
	margin-bottom:60px;
}

.fitsize h1 strong, .home-type h1 strong {
	font-weight:700;
}

.fitsize col-md-6, .fitsize col-sm-6, .fitsize col-xs-6 {
	margin-left:0;
	margin-right:0;
}

.fitsize span {
	display:block;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	font-weight:300;
	width:50%;
	float:left;

}
a .grey-text {
	
	padding:0 10px;
	color:#666;
	background:#f6f6f6;
}

a:hover .grey-text {
	color:#fff;
	background:#303030;
}

.pomegranate-style {
	background:#eb3e38;
}

.carrot-style {
	background:#e67e22;
}

.sun-flower-style {
	background:#f1c40f;
}

.wet-asphalt-style {
	background:#34495e;
}

.amethyst-style {
	background:#9b59b6;
}

.peter-river-style {
	background:#3498db;
}

.emerald-style {
	background:#2ecc71;
}

.turquoise-style {
	background:#1abc9c;
}


#intro footer {
	margin-top:60px;

}

.home-type {
	margin:0 auto;
	width:80%;
	margin-top:40px;
}

.home-type a {
	display:block;
	text-transform:uppercase;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	font-weight:400;
	color:#2a2a2a;
	margin-bottom:40px;
}


.types {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.types:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}