html, body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: 100%;
}

.container-fluid {
  margin: 0px;
  padding: 20px 0 40px 0px;
}

.container {
  position: relative;
  margin: 0 auto;
}

.container-banner {
  padding: 0px;
  margin-top: 1px;
}

.container-intro {
  padding: 20px 20px 40px 20px;
}

/* BACKGROUND IMAGE OVERLAY */

.banner-home {
	background-image: url(../images/1920x/id_52465503.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 600px;
	background-position: center middle;
	background-position: 50% 60%;
}
@media screen and (max-width: 768px) {
.banner-home {
	height: 300px;
	}
}

/* LINKS */
.background-white .fa, .background-white .fa-check, .background-white .fa-music { color: green !important; }

@media (max-width: 1200px) { .container { width: 1170px; max-width: 98%; } }
@media (max-width: 992px) { .container { width: 98%; max-width: 98%; } }
@media (max-width: 768px) { .container { width: 98%; max-width: 98%; } }
@media (max-width: 600px) { .container { width: 98%; max-width: 98%; } }

.colclear { display: none; }
@media screen and (max-width: 992px) { .colclear { display: block; clear:both; } } /* to clear when 2 clumns */

h1, h2, h3 {
	/* Oddballs */
  font-family: "Bungee Outline"; 
  font-family: "Kelly Slab";
  font-family: "Delius Swash Caps";
  font-family: "Courgette"; /* italic */
  font-family: "Crushed"; 
  font-family: "Iceberg";

	/* Shadowy/outline */
  font-family: "Miltonian";
  font-family: "Londrina Outline";
  font-family: "Hanalei";
  font-family: "Faster One"; /* maybe */
  font-family: "Fondamento"; 
  font-family: "Jacques Francois Shadow"; /* maybe */

	/* Some curve */
  font-family: "Clicker Script"; 
  font-family: "Julee";
  font-family: "Philosopher";
  font-family: "Amita";
  font-family: "Oregano";
  font-family: "Montez";
  font-family: "Arima Madurai"; 

	/* Serif */
  font-family: "Trebuchet MS";
  font-family: "Gabriella";
  font-family: "Source Sans Pro"; /* ok */
  font-family: "Cambo"; 
  font-family: "Ubuntu"; 
  font-family: "Libre Baskerville"; 
  font-family: "Droid Serif"; 
  font-family: "Karma"; 
  font-family: "Tienne"; 
  font-family: "serif";

	/* Sans Serif */
  font-family: "Roboto Condensed"; /* fair */
  font-family: "Arial";
  font-family: "Lato";
  font-family: "Arial";

	/* Tall/narrow */
  font-family: "Arial Narrow";
  font-family: "Oswald";
  font-family: "Strait";
  font-family: "Yanone Kaffeesatz"; 
  font-family: "Share Tech"; 

}
h1 {
	font-size: 300%;
	color: #000;
}
h2 {
	font-size: 250%;
	color: #000;
}
h3 {
	font-size: 200%;
	color: #000;
}
h4 {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 150%;
	c/olor: #000;
}

.x15 { font-size: 150%; padding-top: 2px; }
.x2 { font-size: 200%; padding-top: 2px; }

a.navbar-brand {
	color: #fff;
	background: black;
	font-size: 200%;
}

.center-block {
  display: block;
  display: table !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.double {
  font-size: 200%;
  line-height: 0px;
  vertical-align: middle;
  padding-bottom: .23em;
}

a.underline {
  color: #ccc !important;
}
a:hover.underline {
  color: #fff !important;
  text-decoration:none !important;
}



img {
	-webkit-box-sizing: border-box; /* to contain padding */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.addborder {
	border: 0px solid silver;
}

.nopadding {
	margin: 0px;
	padding: 0px;
}

.padding1 {
  margin: 0px;
  padding: 1px;
}

.padding0-10 {
  padding: 0 5px;
}

.padding10 { 
	padding: 5px; 
	text-align: center;
}

.padding20 { 
	padding: 10px; 
	text-align: center;
}

.padding40 { 
	padding: 20px; 
	text-align: center;
}

.ninety {
	max-width: 90%;
	text-align: center;
	margin: 10px auto;
}

.eighty {
	max-width: 80%;
	text-align: center;
	margin: 10px auto;
}

.seventy {
	max-width: 70%;
	text-align: center;
	margin: 10px auto;
}

.sixty {
	max-width: 60%;
	text-align: center;
	margin: 10px auto;
}

.banner article {
	padding: 40px; 
	padding: 20px 40px;
}

/* TESTIMONIALS ****************************************************** */

.testimonial {
	margin-bottom: 20px;
	border-right: 1px dotted white;
}

.testimonial h3 {
	margin: 0px;
	padding: 0px;
}
.testimonial p.body {
}
.testimonial p.date {
}
.testimonial p.signature {
	text-align: right;
	f/ont-size: 100%;
	f/ont-style: italic;
}
.testimonial p.location {
	t/ext-align: right;
	f/ont-size: 100%;
	f/ont-style: italic;
}
.testimonial p.name {
	t/ext-align: right;
	f/ont-size: 100%;
}

ul {
	margin-left: 20px;
	padding-left: 0px;
}
li {
	margin-left: 0px;
	padding-left: 0px;
}

/* bob - about.txt / about.php */

.about ul {
  list-style-type: none;
  padding: 0px;
}
.about li {
  padding-left: 20px;
}

.about .fa-check {
  color: green !important;
}

/* bob - about-this-website.txt / about-this-website.php */

.about-this-website {
  background: #fff;
  color: #000;
  margin-top: -20px;
  padding-bottom: 20px;
}
.about-this-website a {
  color: #333;
}
.about-this-website a:hover {
  color: #000;
}

.about-this-website ul {
  margin-left: 15px;
}

