/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background-color:#ddd;
	font:14px/1.8em "Open Sans",sans-serif;

}

header{
	background:white;
}

h3{
	font-size:24px;
	color: #907e3a;
    letter-spacing: -1px;
    font-weight: 600;
}

.section{
	margin:30px 20px;
}

.topnav{
	background:#170702;
}

.topnav ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}

.topnav li{
	display:inline-block;	
}

.topnav li a{
	display:inline-block;
	padding:5px 7px;
	color:#D8CA94;
}

.logonav{
	background:url('../img/wood_header.jpg') no-repeat;
}

.logo{
	display:inline-block;
	margin:30px 0;
}

.breadtrail{
	margin:10px 0;
	padding:0;
	color:#907e3a;
}

.breadtrail a{
	color:#a5afb9;
}

.container-fluid{
	width:75%;
}

.grid{
	margin-top:50px;
}

.grid-item { 
	border:1px solid #ccc;
	padding:8px;
	margin:5px .5%;
	width: 24%;
	background:white;
}

@media only screen and (max-width : 1200px) {
	.container-fluid{
		width:100%;
	}
}

@media only screen and (max-width : 768px) {
	
	.grid-item { 
		width: 49%;
	}
}

@media only screen and (max-width : 480px) {
	
	.grid-item { 
		width:99%;
	}
}