#flooring-showcase .row:first-of-type {
    position: relative;
}
#flooring-showcase {
    margin-top: 10rem;
}
.showcase-img {
    background-image: url(/-/media/76B5D57E1A744184A692B66D91AEF1F4.ashx);
    background-position: center; 
    height: 1080px;
    position: relative;
}
.showcase-img-2 {
    background-image: url(/-/media/b04a7661f6514c40ab597c89795b37be.ashx) !important;
    background-position: center; 
    height: 1080px;
    position: relative;
    background-size: cover;
}
.showcase-img-3 {
    background-image: url(/-/media/81D31AC3A09340C8853FA73E0DE90621.ashx) !important;
    background-position: center; 
    height: 1080px;
    position: relative;
    background-size: cover;
}
.showcase-img .title {
    position: absolute;
    bottom: 8.9rem;
    left: 10rem;
}
.showcase-img h2 {
    font-size: 5.4rem;
    line-height: 5.8rem;
    letter-spacing: 3px;
    color: #fff;
}
.showcase-img h2 .emp {
    letter-spacing: 1px;
    font-weight:375;
    font-style: italic;
}
.showcase-info {
    position: relative;
}
.showcase-info:after {
    content: "";
  background-color: #616365;
  position: absolute;
  width: 80%;
  height: 1px;
  top: 50%;
  left: 10%;
  display: block;
}
.showcase-info .tile {
    text-align: center;
    color: #616365;
    padding-left:4rem;
    padding-right:4rem;
    position: relative;
}
.showcase-info h3 {
    color: #636466;
    text-transform: uppercase;
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
}
.showcase-info p.text {
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.showcase-info p.icon {
    margin-top: 2rem;
}

.info {
    background-color: #636466;
    padding:0;
    margin:0;
}
.info-graph {
    padding-right:0;
    padding-left:0;
    margin-right:0;
    margin-left:0;
}
.info .tile {
    text-align: center;
    color: #fff;
    padding: 4rem;
    line-height: 2.6rem;
}
.info .tile .info-icon {
    margin-bottom: 1.6rem;
}
.resources .tile {
    text-align: center;
    padding: 6rem 0;
    position: relative;
}
.resource-title {
    text-transform: uppercase;
    line-height: 2.6rem;
    color: #636466;
    margin-bottom: 1.6rem;
}
.res-btn {
    background-color: #fff;
    color: #636466;
    border: 1px solid #636466;
    padding: 1rem 3rem;
}
.res-btn:hover {
    background-color: #636466;
    color: #fff;
    border: 1px solid #636466;
}
.resource-btns .res-btn:first-of-type {
    margin-right: 1.6rem;
}

.resources .tile:after {
  content: "";
  background-color: #616365;
  position: absolute;
  width: 1px;
  height: 45px;
  top: 50%;
  right: 0;
  display: block;
}
.resources .tile:last-of-type:after {
  display: none;
}

@media (max-width: 1440px) {
    .resource-btns .res-btn:first-of-type {
        margin-right:auto;
    }
    .resource-btns a {
        display: block;
        margin-bottom:2rem;
        width:80%;
        margin-left: auto;
        margin-right:auto;
    }
    
}

@media (max-width: 1200px) {
    .resources .tile:after {
            display: none;
    }
    .showcase-info .tile:after {
        content: "";
        background-color: #616365;
        position: absolute;
        width: 1px;
        height: 80%;
        top: 10%;
        right: 0;
        display: block;
}
.showcase-info .tile:last-of-type:after {
    display: none;
}
.showcase-info:after {
    display: none;
}
.resources .tile {
    padding: 2rem 0;
}
.showcase-info .tile {
    padding: 3rem;
}
.showcase-img {
    height: 750px !important;
}
}

@media (max-width: 992px) {
    .info .tile {
        padding: 2rem;
    }
    .showcase-img h2 {
        font-size: 3.6rem;
        line-height: 4rem;
    }
    .showcase-img .title {
    left: 4rem;
}
.showcase-info .tile:after {
    display: none;
}
.showcase-img {
    height: 500px !important;
}
}


@media (max-width: 767px) {
    #flooring-showcase {
        margin-top: 5rem;
    }
}