/* CSS Document */

body,html {
	background-color: #FFFFFF;
}

.borderless tr, .borderless td, .borderless th {
    border: none;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.carousel-inner {
	border-color:#E3E3E3; 
	border-style:solid; 
	border-width:thin;
	margin-top:220px;
}

.content-container {
	margin-top:240px;
}

.tagline {
	color: #EFEFEF;
	background-color: #FF8000;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0.3rem;
	font-weight: bold;
}

#bc-top-block {
	font-family: 'Roboto', sans-serif;
	color: #333333;
	padding-bottom: 20px;
	padding-top: 20px;	
	border-bottom-color: #E3E3E3;
	border-bottom-style: dashed;
	border-bottom-width: thin;	
	margin-left: 20px;
}

#bc-top-block a {
	color: #333333;	
}

#quick-nav-upper {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color: #9B9B9B;
	display: inline-block;
	float: none;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom-color: #E3E3E3;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	margin-left: 75px;
}

#quick-nav-upper a {
	color: #9B9B9B;
}

#quick-nav-upper a:hover {
	color: #ABABAB;
}

#quick-nav-upper img {
  height: auto;
  max-width: 100%;
}

#quick-nav-alt-logo {
	display: none;
}

#quick-nav-lower {
	display:none;
}

.navbar-header .be-logo-as-text {
	display: none;
}

#navbar-wrapper {
	background-color: #FFFFFF;
}

#navbar {
	background-color: #FFFFFF;
}

.content-text {
	color: #999999;
	font-family: 'Roboto', sans-serif;
	font-size: 2.0rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 1.3;
}

.content-text a {
	color: #999999;
}

.content-wrapper {
	border-color: #999999;
	border-style: dotted;
	border-width: thin;
	padding: 10px;
	margin: 10px;
}

.panel-title {
	color: #999999;
	font-family: 'Roboto', sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	line-height: 1.3;
}

.navigation-text {
	color: #9B9B9B;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	line-height: 1.3;
}

.photos img {
	border-color: #222222;
	border-style: solid;
	border-width: thin;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 10px;
}

.slides img {
	border-color: #222222;
	border-style: solid;
	border-width: thin;
	padding: 10px;
}

.footer {
  width: 100%;
  background-color: #F5F5F5;
	border-top-color: #C5C5C5;
	border-top-style: solid;
	border-top-width: thin;
	padding-top: 20px;
	padding-bottom: 20px;
}


@media only screen and (max-width: 1200px) {
#quick-nav-upper {
	margin-left: auto;
}
.navbar-header .be-logo-as-text {
	display: none;
}
.be-logo img {
	display: none;
}
.be-inline-logo img {
	display: none;
}
.be-block-logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
}

@media only screen and (max-width: 996px) {
#quick-nav-upper {
	display: none;
}
#quick-nav-alt-logo {
	display: block;
}
#quick-nav-alt-logo img {
	display: block;	
  height: auto;
  max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}

@media only screen and (max-width: 768px) {
#navbar-wrapper {
	border:none;
}
.carousel-inner {
	margin-top:200px;
}
.content-container {
	margin-top:200px;
}
#bei:after {
  content: "Bouille Electric";
	color: #666666;
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 3.0rem;
	letter-spacing: 0.5rem;
}
#quick-nav-alt-logo {
	display: none;
}
#quick-nav-upper {
	display: none;
}
#quick-nav-lower {
	display:inherit;
}
#quick-nav-lower a {
	color: #666666;
}
#quick-nav-lower a:hover {
	color: #ABABAB;
}
.navbar-header .be-logo-as-text {
	color: #666666;
	padding-top: 10px;
	padding-left: 20px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 3.0rem;
	letter-spacing: 0.5rem;
}
.navbar-header .be-logo-as-text img {
	display: inline-block;	
  height: auto;
  max-width: 100%;
	padding-bottom: 5px;
}
.be-inline-logo img {
	display: none;
}
.header-big {
	font-size: 2.0rem;
}
.open-big {
  font-size: 2.0rem;
}
}

@media only screen and (max-width: 600px) {
#bei:after {
  content: "Bouille Electric, Inc.";
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 2.0rem;
	letter-spacing: 0.5rem;
}
}

@media only screen and (max-width: 500px) {
.carousel-inner {
	margin-top:180px;
}
.content-container {
	margin-top:180px;
}
.tagline {
	font-size: 0.95rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
}
#bei:after {
  content: "Bouille Electric, Inc.";
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 2.0rem;
	letter-spacing: 0.5rem;
}
.navbar-header .be-logo-as-text {
  font-size: 2.0rem;
}
.header-big {
	font-size: 1.5rem;
}
.open-big {
  font-size: 1.5rem;
}
}

@media only screen and (max-width: 440px) {
#bei:after {
  content: "Bouille Electric";
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 2.0rem;
	letter-spacing: 0.5rem;
}
}

@media only screen and (max-width: 350px) {
.carousel-inner {
	margin-top:180px;
}
.content-container {
	margin-top:180px;
}
#bei:after {
  content: "Bouille Electric";
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
	letter-spacing: 0.5rem;
}
}



@media only screen and (max-width: 320px) {
.carousel-inner {
	display:none;
}
#bei:after {
  content: "Bouille Electric";
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline-block;  
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.0rem;
	letter-spacing: 0.5rem;
}
}
