html{scroll-behavior:smooth}
.HTCon {float: left; text-align: justify}

#regGrey h2 {clear: both; background-color: #555555; color: #fff; line-height: 2em !important}

#regGrey p {height: 60px; padding: 0 2%; font-size: 1em; display: table-cell; vertical-align: middle; width: 1%;}

.LBox {float: left; width: 100%}
.LCon {float: left; width: 16%; margin: 2% 5% 2% 0; text-align: center; background-color: #fff; border-radius: 10px;}
.LCon:nth-child(5n) {margin-right: 0}
.LImg {height: 80px; width: 100%; float: left; position: relative}
.LImg img {width: 90%;  margin-top: 5%;}

@media (max-width: 1100px) {
.LCon {float: left; width: 18%; margin-right: 2.5%}
}

@media (max-width: 980px) {
}

@media (max-width: 880px) {
.LCon {float: left; width: 22%; margin-right: 4%}
.LCon:nth-child(5n) {margin-right: 4%}
.LCon:nth-child(4n) {margin-right: 0}
}

@media (max-width: 680px) {
.LCon {float: left; width: 30%; margin-right: 5%}
.LCon:nth-child(4n) {margin-right: 5%}
.LCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 555px) {
.LCon {float: left; width: 48%; margin-right: 4%}
.LCon:nth-child(3n) {margin-right: 4%}
.LCon:nth-child(2n) {margin-right: 0}
}

@media (max-width: 400px) {
.LCon {float: left; width: 100%; margin: 5% 0 5% 0}
.LCon:nth-child(3n) {margin-right: 0}
.LImg img {width: 60%}
}