/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.navbar a.brand{
	color: #fff !important;
	font-size: 30px !important;
	font-weight: bold !important;
}


.navbar p{
	margin: 15px 0px 0px 0px;
font-size: 19px;
padding: 0;
color: white;
}   

.navbar .avid-name a{
	color: #FFF206;
}

.container h1{
	font-size: 1.8em;
	padding: 0px;
	margin: 0px;
	line-height: 80%;
}

.grid img.thumb{
	width: 20%;
	padding: 2px;
	border: 1px solid #CCC;
	margin: 10px 3px 3px 3px;
}

.grid{
	border: 1px solid #ccc;
	padding: 5px 10px 10px;
	margin:10px 0;
	background-color: #fff;
	position: relative;
	-moz-box-shadow: 0px 0px 5px #DDD;
	-webkit-box-shadow: 0px 0px 5px #DDD;
	box-shadow: 0px 0px 5px #DDD;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.grid h2{
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	color: #555;
}

.grid h3{
	z-index: 2;
	position: absolute;
	right: 0;
	padding: 20px;
	line-height: 0 !important;
	color: #CCC;
}

.grid img{
	padding: 0px;
	margin-top:5px;
}

footer p{
	font-size: 12px !important;
}

.floating-home{
  position: fixed;
  /*margin: 10px;*/
  z-index: 5;
  width: 202px;
  height: 75px;
  bottom: 0;
  top: 50%;
  left: -69px;
}

.floating-home .btn-home-lnk{
	float: left;
	margin-left: 66px;
}

.grid p.year{
	letter-spacing: 10px;
	text-align: center;
	padding: 0;
	margin: 0;
}

.btn{
	margin: 2px;
}

.navbar .container a.btn-navbar { float:right; margin-top:-30px; }

.navbar .nav{ display: none; }




/* Large desktop */
@media (min-width: 1200px) { 

}


@media (max-width: 1024px) { 
	footer p{
		font-size: 12px !important;
	}
	.grid h1{
		font-size: 25px;
		padding: 10px 0px 0px 0px;
		line-height: 0;
	}
	.grid img.thumb{
		width: 18%;
	}


.navbar .nav{ display: none; }


}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	footer p{
		font-size: 12px !important;
	}
.navbar .nav{ display: block; }


	.item-thumb-grid{ width: 30% !important; margin-left:3%; float: left; }

}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	footer p{
		font-size: 12px !important;
	}
	.grid h1{
		font-size: 82px;
		padding: 35px 0px 28px 0px;
		line-height: 0;
	}
	.grid img.thumb{
		width: 41%;
	}

	.grid p.year{
		font-weight: bold;
		padding: 5px;
		font-size: 20px;
		line-height: 1;
	}
.navbar .nav{ display: block; }


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	footer p{
		font-size: 12px !important;
	}
	.grid img.thumb{
		width: 22%;
	}

	.grid p.year{
		font-weight: bold;
		padding: 5px;
		font-size: 50px;
		line-height: 1;
	}

	.navbar p {
margin: 0px 3px;
font-size: 1.3em;
padding: 0;
color: white;
float: left;
}


.navbar .nav{ display: block; }
	.item-thumb-grid{ width: 30% !important; margin-left:3%; float: left; }

}

/* Landscape phones and down */
@media (max-width: 480px) {
	footer p{
		font-size: 12px !important;
	}

	.grid h1{ font-size: 50px; padding:20px 0px 10px 0px; line-height: 0; }

	.grid p.year{
		font-weight: bold;
		padding: 5px;
		font-size: 50px;
		line-height: 1;
	}

	.grid img.thumb {
		width: 21%;
		padding: 2px;
		border: 1px solid #CCC;
		margin: 10px 3px 3px 3px;
	}

	.navbar p{
		margin: 0px 3px;
		font-size: 1em;
		padding: 0;
		color: white;
		display: inline-block;
	}
.navbar .nav{ display: block; }

.floating-home{ display: none; }


	.item-thumb-grid{ width: 47% !important; margin-left:2%; float: left; }

}



@media (max-width: 320px) {
	footer p{
		font-size: 12px !important;
	}

	.grid h1{ font-size: 32px; padding:10px 0px 0px 0px; line-height: 0; }

	.grid p.year{
		font-weight: bold;
		font-size: 30px;
		line-height: 1;
	}

	.navbar p{
		margin: 0px 3px;
		font-size: 0.82em;
		padding: 0;
		color: white;
		display: inline-block;
	}

	.grid img.thumb {
		width: 20%;
		padding: 2px;
		border: 1px solid #CCC;
		margin: 10px 3px 3px 3px;
	}


	.avid-name{
		display: inline-block;;
	}
.floating-home{ display: none; }


	.item-thumb-grid{ width: 100% !important; /*margin:0; float:none; display: block;*/ }
}


@media (max-width: 240px) {
	footer p{
		font-size: 12px !important;
	}

	.grid h1{ font-size: 24px; padding:5px 0px 0px 0px; line-height: 0; }

	.grid img.thumb{
		width: 40%;
	}

	.grid p.year{
		font-weight: bold;
	}

	.navbar p{
		margin: 0px 3px;
		font-size:0.82em;
		padding: 0;
		color: white;
		display: inline-block;
	}

}
/*
@media (max-width: 767px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (min-width: 1200px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (max-width: 767px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (max-width: 480px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (max-width: 979px) {
	footer p{
		font-size: 12px !important;
	}

}

@media (min-width: 980px) {
	footer p{
		font-size: 12px !important;
	}

}


*/