.banner, main h1 {
display:none
}
#content {
padding-left:0
}

.hero-rap {
width:960px;
height:388px;
position:relative
}
@media (max-width: 960px) {
    .hero-rap {
    width:100%;
    height:auto
    }
}
img[usemap] {
border:none;
height:auto;
max-width:100%;
width:auto
}

main {
background:#fff;
padding-bottom:0
}
@media (max-width:960px) {
    main {
    margin:0 !important
    }
}

main a:link{
color:#111
}
main a:visited{
color:#111
}
main a:hover{
color:#111
}
main a:focus{
color:#111
}
main a:active{
color:#111
}


/*-------------------------------*/
/*flex 2 columns*/
.flex-container {
display:flex;
flex-direction:row
}

.product-column {
padding:1em .5em 1em 0;
flex:73%
}
.aside-column {
padding:1em 0 0 .5em;
flex:27%
}
@media (max-width: 960px) {
    .flex-container {
    flex-direction:column
    }
    .product-column {
    padding:1em;
    flex:100%;
    }
    .aside-column {
    padding:1em;
    flex:100%;
    }
}


/*-------------------------------*/
/*product main column*/
article {
display:flex;
flex-direction:row
}
@media (max-width: 960px) {
    article {
    flex-direction:column
    }

}

article figure, article div {
background:#dfe1e4;
border:1px #ccc solid
}
article figure {
width:160px;
height:90px;
display: flex;
flex-direction:row;
align-items: center;
justify-content: center;
margin:.5em .5em .5em 0
}
article figure img {
display:block
}

@media (max-width: 960px) {
    article figure {
    margin:0;
    border-bottom:0;
    width:100%
    }
}


article div {
display: flex;
flex-direction:column;
justify-content: center;
flex:1;
padding:0 1em;
height:90px;
margin:.5em 0 .5em .5em
}
@media (max-width: 960px) {
    article div {
    margin:0 0 1em 0;
    border-top:0;
    text-align:center;
    padding-bottom:.5em
    }
}

article div h3 {
display:block;
font-size:1.18em;
margin-top:0
}
article div p {
margin:.3em 0 0 0;
display:block;
font-size:.98em
}


h2 {
background:#000;
font-size:1.3em;
color:#fff;
padding:.5em;
margin:.5em 0
}
h2:first-child {
margin-top:0
}

@media (max-width: 960px) {
    h2 {
    margin:0 0 .8em
    }
}



/*-------------------------------*/
/* aside */
aside {
margin:1em 0
}
aside:first-child {
margin-top:0;
/*padding-top:.7em*/
}
main aside a:link, main aside a:visited, main aside a:hover, main aside a:focus, main aside a:active {
color:#383838
}
main aside a.blue {
color:#3f60a7
}

aside h4 {
font-size:1.1em
}

.img-link {
display:block;
margin:0 auto;
width:220px
}

aside img {
display:block;
margin:.5em auto
}

.aside-padding {
padding:.5em
}

/*aside bullets*/
aside li {
font-size:.9em;
margin:.8em 0
}
aside li:last-child {
margin-bottom:.5em
}

aside .fa-ul {
margin-left:1.2em
}
aside .fa-li {
left:-1.5em;
width:1.5em
}
aside .fa-2xs {
font-size:.4em
}
aside .svg-inline--fa.fa-2xs {
vertical-align:.4em
}

.health-care img {
border:1px #c4c4c4 solid;
transition-duration:300ms
}
.health-care img:hover {
border:1px #454545 solid;
transition-duration:300ms
}

.border {
border:1px #c4c4c4 solid
}

/* -- */

.qwikconnect {
display:flex;
align-items:center;
padding:1em;
margin-bottom:1em;
background:#f6f6f6;
border:1px #c4c4c4 solid;
}
.qwikconnect div:first-child {
margin-right:1em
}
.qwikconnect h4 {
margin-top:0;
font-size:1.4em
}
.qwikconnect h4 img {
margin-left:.1em
}
.qwikconnect h5 {
font-weight:700
}
.qwikconnect .series {
margin-top:.5em
}

main .qwikconnect a {
color:blue
}
.qwikconnect .chevron li:last-child {
margin-bottom:0
}

@media (max-width: 960px) {
    .qwikconnect {
    flex-wrap:wrap;
    margin:0 1em 1em
    }
    .qwikconnect div:first-child {
    margin:0 auto
    }
}