/* Move down content because we have a fixed navbar that is 50px tall */
/* colours #003300 = text main body colour, #ccffcc= background main body, #ccffcc = navbar background, #339933 = navbar text */
body {
  	padding-top: 50px;
  	font-size: 13px;
	font-family: Arial,Tahoma,Verdana, sans-serif;
}
.navbar-header
 img {
    margin: 5px 0px;
    max-width: 100%;
    height: auto;
}




.home img {
	border: 1px solid #003300;
    margin: 5px 0px;
    max-width: 100%;
    height: auto;
}

.home {
  padding: 0px 15px;
  text-align: left;
}

.home h1 {
	font-size: 25px;
	color: #003300;
}

.home p {
	font-size: 15px;
	color: #003300;
}

.home h2 {
	font-size: 15px;
	color: #003300;
	font-weight: bold;
}

img.largepic {
	width:640px;
	height:470px;
}

img.smallpic {
	width:115px;
	height:160px;
}

img.or-landscape {
	width:500px;
	height:376px;
}

img.or-portrate {
	width:376px;
	height:500px;
}

.breadcrumb {
	margin-bottom: 0px;
}


.footer p { 
	font-size: 13px;
}

.content {
	font-size: 15px;
	color: #003300;
}


.panel-heading {
	font-size: 15px;
	color: #339933;
}

ul.items {
	font-size: 15px;
	color: #003300;
	padding-left: 0px;
}

ul.subitems {
	font-size: 15px;
	color: #003300;
}
.item {
	background-color: #ccffcc;
}

.colfont {
	font-size: 15px;
}

.navbar-inverse  {
background-color: #ccffcc;
}

.navbar-inverse .navbar-nav>li>a {
	color: #339933;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color:#003300;
	}

.navbar-inverse .navbar-toggle span.icon-bar {
  background-color: #339933;
}

.navbar-inverse .navbar-toggle  {
  border-color: #339933;
}

ul.nav {
	font-size: 13px;
}

.footer p { 
	margin: 10px 0px 4px 0px;
	font-family: arial, courier, serif;
	color: #339933;
}

.footer a { 
	margin: 10px 0px 4px 0px;
	font-family: arial, courier, serif;
	color: #339933;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  	position: relative;
  	min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  	margin-bottom: 50px;
}

.footer {
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  /* Set the fixed height of the footer here */
  	height: 50px;
  	background-color: #ccffcc;
  	border-top-style: solid;
  	border-top-width: thin;
  	text-align: center;
  	padding-top: 5px;
}

/* Responsive styling */


@media (min-width:990px){
	.navbar-toggle{
		display:none
	}
}

@media (max-width: 1199px) {

	.home h1 {
		font-size: 20px;
	}
	.home h2 {
		font-size: 13px;
	}
	.home p {
		font-size: 13px;
	}
	.panel-heading {
		font-size: 13px;
	}
	ul.items {
		font-size: 13px;
	}
	ul.subitems {
		font-size: 13px;
	}
	img.or-landscape {
		width:480px; 
		height:360px;
	}
	img.or-portrate {
		width:360px; 
		height:480px;
	}
	img.largepic {
		width:612px;
		height:450px;
	}
	img.smallpic {
		width:115px;
		height:160px;
	}

	.colfont {
		font-size: 13px;
	}
	.footer p { 
		font-size: 11px;
	}
}

@media (max-width: 991px) {

	.home h1 {
		font-size: 17px;
	}
	.home h2 {
		font-size: 11px;
	}
	.home p {
		font-size: 11px;
	}
	.panel-heading {
		font-size: 11px;
	}
	ul.items {
		font-size: 11px;
	}
	ul.subitems {
		font-size: 11px;
	}
	img.or-landscape {
	width:450px; 
	height:346px;
	}
	img.or-portrate {
	width:346px; 
	height:450px;
	}
	img.largepic {
		width:477px;
		height:350px;
	}
	img.smallpic {
		width:115px;
		height:160px;
	}
	.colfont {
	font-size: 11px;
	}
	.footer p {
	font-size: 9px;
	}
}

@media (max-width: 767px) {

	.home h1 {
		font-size: 15px;
	}
	.home h2 {
		font-size: 10px;
	}
	.home p {
		font-size: 10px;
	}
	.panel-heading {
		font-size: 10px;
	}
	ul.items {
		font-size: 10px;
	}
	ul.subitems {
		font-size: 10px;
	}
	img.or-landscape {
	width:360px; 
	height:277px;
	}
	img.or-portrate {
	width:277px; 
	height:360px;
	}
	img.largepic {
		width:367px;
		height:270px;
	}
	img.smallpic {
		width:115px;
		height:160px;
	}
	.colfont {
	font-size: 10px;
	}
	.footer p {
	font-size: 8px;
	}
}