body {
color:#000;
background-color:#fff;
}

/* --- asst from onpage build build-paths -- */

.featurebox {
width:950;
background: white;
border:1px solid orange;
padding:0px;
margin:15px auto;
box-shadow:8px 8px 8px #ddd;
}

.media-icons {
background:white;
border:1px solid orange;
}

.media-icons h2 {
margin-top:12px;
}

.medialogos img {
text-align:center;
margin:auto;
}

ul.medialogos {
list-style-type:none;
}

ul.medialogos li {
display:inline;
padding:24px;
}

.pricingbox {
   width:280px;
   padding:10px;
   margin:5px;
   margin-top:0;
   border-style: solid; border-width: 1px;
   border-color: #dddddd;
}

.pricingbox h2{
   margin:0;
   text-align:center;
   font-size:180%;
}

#navlist {
font-size: .85em;
}


@media only screen and (max-width: 700px) {
  #content {
  padding-top:24px;
  }
}

/* --- nav jump fix -- */

@media (max-width: 1024px) {
	body .navbar .logo {
		width: 250px;
    	background-size: 100%;
    	
	}
}
@media (max-width: 767px) {
	body .navbar .logo {
		width: 285px;
		}
	.navbar .navbar-toggle {
		top:91px;
		}
	.mobile {
		top:98px;
		}
	.whitestripe.tophero {
		margin-top:0;
		padding-top:0;
		}
	#content-wrapper .container {
		margin-top:0;
		}
		
}

@media (max-width: 355px) {
  body .navbar .logo { 
    width: 245px;
  }
}

/* --- superheader	
adjustments for superheader note that this also requires 
the new header-www-2022 include to be called in the html below
replacing the header-www-2017.html
-- */


.superheader {
	width:100%;
	position:relative;
	top:0;
	height:60px;
	clear:both;
	z-index:999999999;
	background:yellow;
	padding:4px;
}

.superheader p {
	padding-top:12px;
	text-align:center;
	font-weight:bold;
}

.tophero {
	padding:0;
	margin-top:65px;
}

#header .navbar-nav {
	margin-top:18px;
}

@media (max-width: 767px) {

	.superheader p {
	padding-top:0px;
	}
	
	.specialorder {
	display:none;
	}
	.becomeaff {
	display:none;
	}

}

@media (max-width: 355px) {
  body .navbar .logo { 
    width: 245px;
  }
}

.innerbreathe {
padding:24px 36px;
}

.notop {
margin-top:0;
padding-top:0;
}

.nobottom {
margin-bottom:0;
padding-bottom:0;
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
    width:50%;
}

@media only screen and (max-width: 700px) {
  .col { 
    display: block;
    width: 100%;
  }
}


.navbar {
background:#191847;
border:0;
}

.navbar .navbar-nav li a {
color:white;
}
.navbar .navbar-nav li a:hover {
color:#ddd;
}

.navbar .logo {
  background: rgba(0,0,0,0) url(../png/solobuildit-logo-andshelly.png) no-repeat scroll 0 0;
  background-position: 0px;
  width:400px;
}

.navbar .navbar-brand {
max-width:400px;
}

.superheader {
background:white;
}

.tophero {
  padding: 0;
  margin-top: 60px;
  }
  
ul.shsocial {
padding-left:0;
margin-top:7px;
white-space: nowrap;
}


.shsocial li {
display: inline;
padding: 0px 10px;
list-style: none;
font-size: 180%;
}

@media (max-width: 355px) {
  body .navbar .logo { 
    width: 245px;
  }
}