.maincontent {
    position: relative;
    max-width: 100%;
}

.maincontent_wrapper {
    background: url(/imageserver/UserMedia/kmroofing/aboutbg.jpg);
}

#quote-carousel {
    padding: 0 10px;
    margin: 0;
}

.item blockquote {
    border-left: none;
    margin: 0;
}



@media (max-width:981px){
#quote-carousel{
margin-top: 30px !important;
}

#quote-carousel .carousel-indicators .active {
width: 60px !important;
height: 60px !important;
}

.item blockquote p{
font-size: 14px !important;
text-align: left;
padding: 20px;
height: 200px;
}
}

.card{
background: #fff;
height: 600px;
text-align: left;
transition:0.5s;
color: #000;
}

.card:hover{
transform: translateY(-15px);
}

.card-img-top img{
width: 100%;
height: 200px;
}

.card-body{
padding: 10px 30px;
height: 320px;
margin-bottom: 10px;
border-top: 1px solid #000;
border-bottom: 5px double #000;

}

.card-footer{
padding: 10px 30px;
}



a.btn.btn-primary {    padding: 16px 28px;    border-radius: 0;    background: #000;    border: none;   box-shadow: 0 4px 5px -3px #333;    transition: 0.5s;    font-weight: bold;transition: ease-out 0.4s;}
a.btn.btn-primary:hover {    box-shadow: inset 0 0 0 50px #4c4c4d; }