/* override defaults */

body {
	/* Move down content because we have a fixed navbar that is 42px tall */
	padding-top: 42px;
	padding-bottom: 20px;
	/* Margin bottom by footer height */
	margin-bottom: 45px;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
html {
	position: relative;
	min-height: 100%;
	/* always show scrol bar to prevent menu jumping */
	overflow-y: scroll;
}


@media (max-width: 450px) {

	.logo {
		max-width: 195px;
	}
}

@media (max-width: 350px) {

	.logo {
		max-width: 105px;
	}
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 45px;
	background-color: #f5f5f5;
	font-size: 11px;
}

	.footer > .container {
		margin-top: 10px;
		vertical-align: central;
	}

		.footer > .container > .copyright {
			float: right;
			text-align: right;
		}

@media (max-width: 400px) {

	.footer > .container > .copyright {
		float: left;
		text-align: left;
	}
}

#menu {
		z-index: -9000;
	float: right
}
/*
 * Header
 */

.masthead-nav > li {
	 /*Use this instead or original margin-left in .masthead-nav > li + li 
		the original messes multiline menus on small devices*/
	
	margin-right: 20px;
}
.masthead-nav > li + li {
	 /*Use this instead or original margin-left in .masthead-nav > li + li 
		the original messes multiline menus on small devices*/
	
  margin-left: 0px;
}



.pic1 {
	width: 100%;
	max-width: 400px;
	border: 1px solid #ddd;
	padding: 4px;
	margin-bottom: 5px;
}