body { background: #000; margin-top: 40px; }

a:link, a:visited {
	color: #8E2800;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

h1, h2 {
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	color: #8E2800;
}
h3 {
	font-weight: normal;
	color: #000;
	text-transform: capitalize;
}

.modal {
	max-height: 740px;
}

#myModal{
	width: 450px;
	height: 800px;
}

.hero-unit .thumbnails {
	float: left;
	padding: .5em 1em 0em 0em;
}
hero-unit p {
	margin-bottom: 2em;
}

.thumbnails .span2 {
	margin: 0 0 0 0;
}
	
/* mobile media query*/
@media (max-width: 480px) {
  #s1 img, #s2 img {
  max-width: 228px;
   max-height: 175px; 
  }
  .container-fluid, .row-fluid {
  	padding-bottom: 0px; margin-bottom: 0px;
  }
  .navbar .brand {
  float: left;
  display: block;
  padding: 8px 8px 8px;
  margin-left: -20px;
  font-size: 14px;
  font-weight: 200;
  line-height: 1;
  color: #ffffff;
}
}
/*small laptop query*/
	@media (max-width: 767px) {
  #s1 img, #s2 img {
   max-height: 275px; 
  }
}
/*med laptop query*/
@media (min-width: 768px) and (max-width: 979px) {
 #s1 img, #s2 img {
   max-height: 400px; 
  }
	}
/*small monitor query*/
@media (max-width: 979px) {
 #s1 img, #s2 img {
   max-height: 550px; 
  }
	}
/*large laptop query*/	
@media (min-width: 1200px) {	
 #s1 img, #s2 img {
   max-height: 550px; 
  }
#s1 {}
#s1 img { padding-top: 0; border: 0; }

#s2 {}
#s2 img { padding-top: 0; border: 0;}
	
#space {
		clear: both;
	}