html, body {
	height: 100%;
	background-color: #FFFFFF;
 }
#page {
	border-color: #D9D9D9 !important;
	background-color: #F2F2F2;	
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* Negative indent footer by it's height */
}
#push, .page-footer {
	height: 160px; }


/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
    }
}
.main-content {
	padding: 2rem 0 0 0; }

 
/*	article	*/
.article-section {
	padding-bottom: 2rem; }
.mini-content ul {
	padding-left: 0rem;	}
.article-section .lead {
	font-weight: 400; }
.article-footer {
	padding: 2rem 0 0 0; }

/* list in article */
.mini-content ul {
	margin-left: 1rem; }
.mini-content ul li {
	list-style-type: circle; }
.mini-content .pic-legend {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem; }
.article-links {
	margin-left: 1rem;
	margin-bottom: 1.5rem; }
.article-links ul li {
	list-style-type: none;
	text-align: top; }
.article-links .fa-ul .fa-li {
	color: #0086d3; }

/*	article-list	*/
.extra-margin {
    margin-top: 2rem;
    margin-bottom: 2rem; }
@media only screen and (max-width: 768px) {
    .post-title {
        margin-top: 1rem; }
}
@media only screen and (max-width: 768px) {
    .read-more {
        text-align: center; }
}

/* update mdb 4.4.1 */
.index-section ul, ul li{
	list-style-type: none; }
.index-section ul {
	padding-left: 0px;
}

.pic-off, 
.pic-legend-off, 
#artimg:hover .pic-on,
#artimg:hover .pic-legend-on { 
   display:none !important; }
.pic-on, 
.pic-legend-on, 
#artimg:hover .pic-off,
#artimg:hover .pic-legend-off { 
	display:block !important; }

.mini-content h1 {
	line-height: 1.1;
}
.mini-content h5 {
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}