/*
Landscape:
offwhite logo green: #f1ffc6
light logo green: #c2e64e
medium logo green: #96ab22
dark logo green: #367618
logo brown: #351115
logo blue: #84aabd

dark link blue: #002c4f
link blue: #014073
 
Painters:
logo dark: #313131
logo cranberry: #ff0065 
darker cranberry: #cc0051
*/


html {
	background: #000;
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	margin: 0 auto;
}

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

.container {
	position: relative;
	max-width: 98%;
	margin: 0 auto; 
	padding: 0px 15px 20px 15px;
	padding: 0px 20px 20px 20px;
}

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

.container-intro {
	padding: 0px 20px 30px 20px;
}

@media (max-width: 1200px) { .container { width: 1170px; } }
@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%; } }

.on-the-job h1, .on-the-job h2, .on-the-job h3,
.background-dark h1, .background-dark h2, .background-dark h3 {
	color: orange;
}


.custom-header {
	background: #262626;
	color: white;
	margin-top: -20px;
	padding-bottom: 20px;
}

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

ul {
  l/ist-style-type: none;
  padding: 0px;
}

li {
  margin-left: 20px;
}

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

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

.about li a {
	color: #333 !important;
}
.about li a:hover {
	color: #000 !important;
}

/* bob - about-this-website.txt / about-this-website.php */
/* phasing out about-the-demo */

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

.about-this-website li a {
	color: #333 !important;
}
.about-this-website li a:hover {
	color: #000 !important;
}

.padding50-0 {
	padding: 50px 0;
}
.padding20-0 {
	padding: 20px 0;
}

.padding0-0 {
	padding: 0px 0;
}
.margin0-0 {
	margin: 0px;
}

.margin20-0 {
	margin: 20px 0px;
}
.margin50-0 {
	margin: 50px 0px;
}

.black-divider {
	clear:both;
	background: #000;
	height: 2px;
}

.target_large { display: block; }
.target_small { display:none; }

@media screen and (max-width: 768px) {
	.target_large { display: none; }
	.target_small { display:block; }
}

.hide_if_small { display:block; }
.show_if_small { display:none; }

@media screen and (max-width: 768px) {
	.hide_if_small { display:none; }
	.show_if_small { display:block; }
}

.large { display: block !important ;}
.small { display: none !important; }

@media screen and (max-width: 767px) {
  .large { display: none !important; }
  .small { display: block !important; }
}

h1, h2, h3 {
	font-family: "Julee";
	font-family: "Delius Swash Caps";
	font-family: "Gabriella";
	font-family: "Source Sans Pro"; /* ok */
	font-family: "Iceberg";
	font-family: "Arial";
	font-family: "Lato";
	font-family: "Arial Narrow";
	font-family: "Oswald";
	font-family: "Kelly Slab";
	font-family: "Amita";
	font-family: "Courgette";

	font-family: Oregano;
	font-family: serif;
	font-family: "Roboto Condensed"; /* fair */
	font-family: "Philosopher";
	font-family: "Strait";
	font-family: "Trebuchet MS";
	color: #ff0065;
	color: orangered;
}

h1 { 
	font-size: 350%; 
	font-size: 300%; 
	border-bottom: 1px solid #aaa !important;
	border-bottom: 1px solid orangered !important;
}

h2 { 
	font-size: 300%; 
	font-size: 250%; 
	text-align: center;
	text-align: left !important;
	border-bottom: 1px solid #ddd;
}

h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h1.notop, h2.notop {
	margin-top: 0px;
}

h3 { 
	font-size: 200%; 
	font-size: 150%; 
	font-weight: normal;
	font-family: Arial;
}
#banner h3 {
	font-family: "Julee";
	font-family: "Delius Swash Caps";
	font-family: "Gabriella";
	font-family: "Source Sans Pro"; /* ok */
	font-family: "Iceberg";
	font-family: "Arial";
	font-family: "Lato";
	font-family: "Arial Narrow";
	font-family: "Oswald";
	font-family: "Kelly Slab";
	font-family: "Amita";
	font-family: "Courgette";

	font-family: Oregano;
	font-family: serif;
	font-family: "Roboto Condensed"; /* fair */
	font-family: "Philosopher";
	font-family: "Strait";
	font-family: "Trebuchet MS";
}

h4 { 
	font-size: 125%; 
}

p { 
	font-size: 100%; 
	m/argin: 10px 0;
}

@media screen and (max-width: 600px) {
	h1 { font-size: 200% !important; d/isplay: none; }
	h2 { font-size: 175%; }
	h3 { font-size: 150%; }
	h4 { font-size: 110%; }
}

/* link to underline */
a.underline {
  text-decoration: underline !important;
  color: #333;
}

a:hover.underline {
  text-decoration: underline !important;
  color: #000;
}

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

/* LOGO + TEXT */

.center-logo {
margin:0 auto; 
.ud.isplay: table; 
vertical-align: middle;
p.adding: 10px 0;
}

.center-logo img {
max-height: 63px;
max-height: 100px;
m/argin-right: 20px;
}

.center-logo span {
line-height: 0px;
font-size: 800%;
font-size: 500%;
vertical-align: middle;
font-family: Serif;
font-family: Cambria;
font-family: Verdana;
font-family: "Trebuchet MS";
font-family: "Sans";
font-family: "Saswadee";
font-family: "Geneva";
font-family: "Tahoma";
font-family: "Sans-Serif";
font-family: Rockwell;
font-family: Rochester;
} 

@media screen and (max-width: 992px) { 
.center-logo img { max-height: 63px; } 
.center-logo span { font-size: 500%; } 
} 

@media screen and (max-width: 768px) { 
.ce/nter-logo img { max-height: 63px; } 
.ce/nter-logo span { font-size: 500%; } 
}

@media screen and (max-width: 600px) { 
.center-logo img { max-height: 50px; margin-right: 10px; } 
.center-logo span { font-size: 400%; } 
}
@media screen and (max-width: 480px) { 
.center-logo img { max-height: 40px; } 
.center-logo span { font-size: 320%; } 
}
@me/dia screen and (max-width: 360px) { 
.center-logo img { max-height: 33px; } 
.center-logo span { font-size: 266%; } 
}
@me/dia screen and (max-width: 300px) { 
.center-logo img { max-height: 33px; } 
.center-logo span { font-size: 200%; }
}

.center-logo  em {
color: #ff0065;
font-style: normal;
}
/* CLOSE LOGO */


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: 10px; 
}

.padding20 { 
	padding: 20px; 
}

.padding40 { 
	padding: 40px; 
}

.padding40-0 { 
	padding: 40px 0px;
}

.ninety-six {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.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;
}

/* CLOSE DISPLAY TABLE OUTER/INNER */

/* ******************************************************************* */

.b/order-bottom {
	border-bottom: 1px solid black; 
	border-bottom: 1px solid #ddd; 
}

.border-top {
	border-top: 1px solid black; 
}

h2.highlight, h3.highlight {
	b/order-bottom: 2px solid silver;
	width: 90%;
}

h2.highlight100, h3.highlight100 {
	b/order-bottom: 2px solid silver;
	width: 100%;
}

.hide {
	display:none;
}

.social-media a {
  color: #fff;
  margin-right: 10px;
}

.social-media a:hover {
color: #ccc;
}

/* for use on pages where text passages vary and need to clear after each row */

.colclear { display: none; }
@media screen and (max-width: 992px) { .colclear { display: block; clear:both; } }

.sitemap-colclear { display: none; }
@media screen and (max-width: 767px) { .sitemap-colclear { display: block; clear:both; } }

a, * { outline: 0px !important; }

/* ********************************************************************* */
/* MIXITUP */

#Container .mix{ display: none; }
#Container p { text-align:center; }
#Container .div, #Container img {
	-webkit-box-sizing: border-box; /* to contain padding */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#Container img { max-width: 100%;  width: 100%; }
#Container img { border: 1px solid #fff; }
* { outline: none; }
.filter-label { float: left; padding-top: 8px; padding-right: 5px; }
  

/* background images */

.banner-gallery {
	background-image: url(imgs/1920x/Red_Ferrari_F12_Berlinetta.3-1920.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 480px;
	background-position: 50% 40%;
	background-position: center middle;
}
@media screen and (max-width: 768px) {
.banner-gallery {
	height: 300px;
	}
}

/* FONT-AWESOME */

.background-white .fa { color: orangered !important; }

/* DEFAULT PADDING */
article {
  padding: 20px;
}
article h3 {
  margin-bottom: 10px;
}