header .container {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 60px;
}

a, a:hover { text-decoration: none; }

header {
    background-color: #fff;
	margin-top: 2em;
}

footer {
    background-color: #e0e0e0;
    color: #000;
    clear: both;
	width: 100%;
	height: 15em;
	bottom: 0px;
}

nav { display: block; }

.clear-both { clear: both; }

.bold { font-weight: bold; } 

.heading { margin-top: 2em; }

.margin-top-2em { margin-top: 2em; }

.base-container {
	width: 61.5%;
	margin: 0 auto;
}

.nav {	
	margin-top: 1em;
	float: right;
}

.grow-image:hover {
	-moz-transform:scale(2, 2);
	-webkit-transform: scale(2, 2);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
	z-index: 9999;
}

.grow-image {
	transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
}

.jumbotron { background-color: #fff; }

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #555354;
    /*background-color: rgba(235, 235, 235, 0.80);*/
    font-size: 24px;
    padding: 0.8em 0.5em;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
    color: #fff;
}

.thumbnail {
	background-color: #eee;
	height: 200px;
}

.responsive-image {
	height: auto;
	max-width: 100%;
}

.footer-icons {
	vertical-align: top;
}

.footer-text {
	padding-top: 1em;
	margin-left: 4.3em; 
	color: #666;
}

.social-icons {
	font-size: 35px;
	float: right;
	margin-right: 1em;
}

#copyright-text {
	margin-top: 3em;
}

#social-mentions div {
	float: left;
	margin-left: 1em;
	padding-right: 5px;
}

#social-mentions, .fb-like, .tweet {
	vertical-align: top;
	float: left;
}

#social-icons-small {
	display: none;
}

#content { background-color: #fff; }

#thumbnails {
	width: 90%;
	margin: 0 auto;
}

#tagline { margin-bottom: 1em; }

#menu-button { display: none; }

#main-nav { display: block; }

/***** media queries *****/

@media only screen and (min-width: 768px) and (max-width : 1200px) {
	
	.jumbotron h1 { font-size: 50px }
	
	.social-icons { margin-top: 2em; }
	
	.social-icons.footer-icons { margin-top: 0; }

}

@media only screen and (max-width: 767px) {
	
	footer .container {
		padding: 0 1em;
		margin-left: -2em;
	}
	
	.nav li a:hover {
		background-color: #d8d8d8;
	}
	
	.content-hide { display: none; }
	
	#menu-button {
		display: block;
		font-size: 24px;
		float: right;
	}
	
	#menu-button:hover { cursor: pointer; }
	
	#main-nav {
		display: none;
		width: 100%;
		top: 0;
		position: static;
		height: auto;
		background-color: #eee;
		border-radius: 4px;
	}
		
	#main-nav li {
		float: none;
	}
	
	.social-icons { margin-top: 2em; }
	
	.social-icons.footer-icons { margin-top: 0; }
	
}

@media only screen and (max-width: 650px) {
	
	#social-mentions {
		display: none;
	}
	
	.social-icons {
		display: none;
	}
	
	#social-icons-small {
		display: block;
		font-size: 25px;
	}
}