#article2018 {
  max-width: 1200px;
  padding-left: 0px;
  padding-right: 0px; 
}

#article2018 h1 { color: #6e1e7d; margin-top:2.5rem; }
#article2018 h2 { color:#000; }

#article2018 h2, #article2018 h3 { 
  font-family: helvbld, helvetica, arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

#article2018 h3 { font-size: 16px; }

#article2018 p, #article2018 div.block {
  margin-bottom: 1rem; 
  font-size: 1.08rem;
}

    #article2018 .center {
        text-align: center;
    }

        #article2018 .center h3 {
            height: 80px;
            font-size: 16px;
            vertical-align: middle;
            display: inline-table;
            background-color: #464646;
            margin-bottom: 0px;
            width: 100%;
            color:#fff;
        }

        #article2018 .center.green h3 { background-color: #00a499; }
        #article2018 .center.blue h3 { background-color: #1e57a6; }
        #article2018 .center.purple h3 { background-color: #702083; }
        #article2018 .center.red h3 { background-color: #ac155a; }
        #article2018 .center.gray h3 { height: 40px; }

            #article2018 .center h3 span {
                display: table-cell;
                vertical-align: middle;
                padding: 3px 30px 0px 30px;
            }

        #article2018 .center div.block {
            padding-top: 0px;
            border: solid #464646 0.15rem;
            display: inline-table;
            height: 265px;
        }

        #article2018 .center.green div.block { border: solid #00a499 0.15rem; }
        #article2018 .center.blue div.block { border: solid #1e57a6 0.15rem; }
        #article2018 .center.purple div.block { border: solid #702083 0.15rem; }
        #article2018 .center.red div.block { border: solid #ac155a 0.15rem; }
        #article2018 .center.gray div.block { height: 220px; }

            #article2018 .center div div {
                padding: 10px 20px;
                display: inline-table;
            }

            #article2018 .center.gray div div { text-align: left; padding: 20px 50px; }

            #article2018 .center.gray div div ul { padding-left: 15px; margin-bottom: 0px;}

#article2018 .btn a {
    color: #fff;
    text-decoration: none;
}
#article2018 .btn {
    background-color: #702083;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    width: auto;
    padding: 0.4em 0.8em;
    font-family: helvbld, helvetica, arial, sans-serif;
    font-size: 1.2em;
    margin: 10px 0px 30px 0px;
}
#article2018 .btn:hover {
  background-color: #666;
  color: #e0e0e0;
}

.latestArticles .article-card {
    padding-right: 10px;
}

#article2018 .breadCrumb{
  margin-top: 0.5rem; 
}

/* Utility Classes */
#article2018 .mb1rem {
  margin-bottom: 1rem;
}
#article2018 .mb2rem {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 990px) {
    #article2018 .center div {height: auto !important;}
    #article2018 .center h3, #article2018 .center.gray h3 {height: 60px;}
        #article2018 .center h3 span {padding: 10px 30px;}
    #article2018 .center.gray div div {padding: 20px;}
}

@media only screen and (max-width: 501px) {
  #article2018 {
    padding-left: 15px;
    padding-right: 15px; 
  }
  #article2018.magento {
    padding-left: 0;
    padding-right: 0; 
  }
  .img-fluid, .btn {
    width: 100%;
  }
  #article2018 .breadCrumb{
    margin-top: 0.8em; 
  }
  .latestArticles .article-card {
    padding-right: 0;
  }
}

/* MAGENTO */
#article2018.magento h1 {     
  font-family: Helvetica-Neue-Thin-Italic,"Helvetica Neue Thin Italic","Microsoft JhengHei",Arial,sans-serif; 
}
#article2018.magento h2 {     
  font-weight: bold; 
}
#article2018.magento h2.shop {     
  font-size: 1.2em;
  margin: 1em 0 -1em; 
}

#article2018.magento .btn {
  font-size: 1.5rem;
}