.home header .bs-logo {
    width: 510px;
    background-image: url(/images/bs-quin-home.gif);
}
.list-intro {
    margin-bottom: .5em;
}


/*style the flexsliders*/
#flexmetal { 
    max-width: 375px;  
}

#flexmini { 
    max-width: 280px; 
}
#flexmini img { 
    border: 1px solid rgb(100,100,100);
    box-sizing: border-box;
}

#flexglass { 
    max-width: 275px; 
}

.flex-caption {
    text-align: left;
    position: relative;
    font-style: italic;
}


/*override item flexslider styling*/
.flexwrapper {
    clear: none;
}
.flex-control-nav { 
    bottom: -16px; 
}


/*proportion the divs*/
.homemetal { 
    width: 80%;
    margin: 0 auto 2em;
}


/*shapeways widget*/
.shapeways-widget { 
    width: 80%;
    margin: 0 auto 1em;
}
.shapeways-widget > div {
    padding: 5px 0px;
    border: 2px solid gray;
    background-color: rgb(240,245,255);
}
.shapeways-image {
    display: inline-block;
    width: 22%;
    margin: .5em .5%;
    vertical-align: top;
}
.shapeways-image img {
    box-sizing: border-box;
    margin: 0;
}

.homeglass { 
    width: 80%;
    margin: 0 auto 1em;
    padding: 0 2.5% 1em;
}

.metalleft {
    width: 50%;
}

.metalright {
    width: 40%;
}

.glassleft {
    width: 52%;
    padding: 0 1.5% 0;  
/*float left is applied by the flexslider script
bc flexslider collapses if launched inside a floated div*/
}

.glassright {
    width: 42%;
    padding: 0 1.5% 0;
    float: right;
}


/*stage header image*/
@media screen and (max-width: 500px) {
    .home header .bs-logo {
	background-image: url(/images/bs-quin-home-410.gif);
    }   
}
@media screen and (max-width: 410px) {
    .home header .bs-logo {
	background-image: url(/images/bs-quin-home-320.gif);
    }   
}


/*keyed to nav bar: sections pop wider when font shrinks*/
@media screen and (max-width: 45em) {
    .homemetal, .homeglass, .list-intro, .list-outro, .shapeways-widget {
	width: 95%;
    }
}
/*right divs pop under when nav bar wraps*/
@media screen and (max-width: 40em) {
    .metalleft, .glassleft {
	float: none;
	width: 100%;
    }
    .metalright, .glassright {
	clear: both;
	float: none;
	width: 100%;
	padding-top: 1.5em;
    }
}