body{
    background: #ffffff;
}
.banner{
    position: relative;
    max-width: 1680px;
    margin: auto;
    -webkit-box-shadow: 0 6px 10px 0px #c5c5c5;
    -moz-box-shadow: 3px 3px 10px #666;
    box-shadow: 3px 3px 10px #b5b5b5;
    border-radius: 10px;
    opacity: 0.8;
    border-bottom: solid 12px #ffffff;
}
.banner>h3{
    position: absolute;
    color: #fff;
    top: calc(50% - 34px / 2);
    left: calc(50% - 112px / 2);
}
.bg-img{
    background-image: url(/uploads/image/smbimages/banner.jpg)!important;
    background-repeat: no-repeat;
    background-position: center;
    height: 30rem;
    border-radius: 10px 10px 0px 0;
}
section .item img{
	height: 216px;
}


@media screen and (max-width: 540px) {

    .container>.row{
        justify-content: space-around;
    }

    .item{
        margin-top: 10px;
    }

    .overflow-scroll{
        overflow: scroll;
    }
    
    p>img{
		width: 100%;
		height: 100%;
		display: block;
		max-width: 100%;
	}
}