.HTCon {text-align: justify}

.DSCon  {height: 470px; width:22%; text-align: center; margin: 2% 4% 1% 13%; float: left; background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px 10px 10px 10px;
    border-color: #c3c3c3;
    background: white;
    overflow: hidden;
    box-shadow: 0px 11px 18px -10px #909090;
}
.DSCon:nth-child(2n) {margin-left: 0}
.DSCon:nth-child(3n) {margin-right: 0; margin-left: 0}
.DSCon:nth-child(4n) {margin-right: 4%; margin-left: 26%}
.DSCon:nth-child(5n) {margin-left: 0}
.DSCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc}
.DSConh3 {padding: 3% 9%; font-size: 1.1em; text-align: center; color: #d6291c; height: 50px;}
.DSConTxt {margin: 0 9%;}
#regGrey a {color: #d6291c;}
#regGrey .DSCon:hover a {font-family:'Ubuntu'; color: #d6291c;}

.WPCon  {height: 210px; width:22%; text-align: center; margin: 2% 4% 1% 0; float: left; background-color: #FFF; border-radius:10px;}
.WPCon:nth-child(4n) {margin-right: 0}
.WPCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc}
.WPConTxt {padding: 0 9%; display: table-cell; vertical-align: middle; height: 70px; width: 1%;}
#regBlue .WPCon:hover a {font-family:'Ubuntu'}

#regBlue a {font-family: 'Ubuntu'; color: #000; text-decoration: none;}
#regBlue a:hover {font-family: 'Ubuntu'; color: #000; text-decoration: none;}

@media (max-width: 1100px) {
.DSConh3 {height: 40px}
.DSCon  {height: 450px;}
.WPConTxt {height: 90px;}
}

@media (max-width: 1024px) {
#regTopMenuBar .menuLinks ul li ul li ul li a:hover {color: #555555;}
}

@media (max-width: 980px) {
.WPCon {height: 185px;}
.WPConTxt {height: 85px;}
}

@media (max-width: 880px) {
.DSCon  {width:30%; height: 480px; margin-left:17.5%; margin-right: 5%}
.DSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
.DSCon:nth-child(3n) {margin-right: 5%; margin-left: 17.5%}
.DSCon:nth-child(4n) {margin-right: 0; margin-left: 0}
.DSCon:nth-child(5n) {margin-right: 0; margin-left: 35%}
.WPCon {width:30%; margin-right:5%; height: 212px;}
.WPCon:nth-child(4n) {margin-right: 5%}
.WPCon:nth-child(3n) {margin-left: 0; margin-right: 0; float: right;}
}

@media (max-width: 680px) {
.DSCon {width: 48%; margin-left: 0; margin-right: 4%; height: 505px}
.DSCon:nth-child(3n) {margin-left: 0; margin-right: 4%}
.DSCon:nth-child(2n) {margin-right: 0}
.DSCon:nth-child(5n) {margin-left: 26%}
.DSConh3 {height: auto}
.WPCon {height:185px}
.WPConTxt {padding: 0 7%; }
#regGrey h3 {font-size:1em;}

}

@media (max-width: 555px) {
.DSCon {height: 445px}
.WPCon {width: 48%; margin-right: 4%; height: 200px}
.WPCon:nth-child(4n) {margin-right: 4%}
.WPCon:nth-child(3n) {margin-right: 4%; float: left}
.WPCon:nth-child(2n) {margin-left: 0; margin-right: 0; float: right;}
#regGrey h3 {font-size:1em;}

}

@media (max-width: 400px) {
.DSCon  {width:100%; margin: 5% 0; height: auto}
.DSCon:nth-child(5n) {margin-right: 0; margin-left: 0;}
.DSConh3 {padding: 3% 9%;}
.DSConTxt { margin: 2% 9%;}
.WPCon {width: 100%; margin: 5% 0; height: auto}
#regGrey h3 {font-size:1em;}

}