/* Small only */
#features>.header {background: url("/public/img/features/why-us-2.jpg") center center no-repeat;height: 92vh;display: flex;justify-content: center;}
#features>.header .featureHeader {width: 100%; background-color: rgba(0,0,0, 0.3); padding: 3vh; margin-top: 62vh;display: flex;justify-content: center;}
#features .header h1,
#features>.header>p {color: #ffffff;}
#features .header h2 {font-size: 125%;color: #ffffff;}
#features .header .featureDesc{
    padding:.5em 0;text-align: center;font-style: italic;font-size: 12px;color: #cacaca;}
#features>.feature>.header {margin:3vh auto;}
#features .feature h3 {
    text-align: center; margin-bottom: 0;font-weight: 600;}
#features .feature p.desc {
    text-align: center; margin-bottom: 1em; margin-left:auto; margin-right:auto;}
#features .feature h5 {
    font-weight: 600;}
#features .feature .title {padding: 2em 1em 0em 1em; }
#features .feature .body {background-color: #ffffff !important;}
#features .feature .body .feature-content {padding: 2em;}
#features .feature .body .feature-content.image {padding: 0;}
#features .feature-content p:last-child {margin-bottom: 0;}
#features .feature-content table {border-collapse: inherit;}
#features .feature-content table td {background-color: #ffffff; text-align: center;border: none;}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
    #features .header .header-text-bg {width: 100%; height: auto;padding: 1em; background-color: rgba(54, 54, 54, .8);}
    #features .header .header-text-bg h1 {color: #ffffff;}
    #features .header .featureDesc{
        padding:.5em 0;text-align: center;font-style: italic;font-size: 16px;}
    #features .feature h3 {
        text-align: center; margin-bottom: 0;}

}