.container .breadcrumb { margin-top:2em; }

.main-content {vmargin-bottom:2em;}
.main-content .boundary { text-align:left; position:relative; padding:10px; background-color: #FFF; }
.main-content .mc-title { display:inline-block; line-height:1.5em; padding: 10px 0 20px; box-sizing:border-box; margin:0 0 20px; color:var(--red); font-family:gotham, serif!important; font-weight:bold; text-align:center; border-bottom:3px solid var(--red); width:100%; }
.main-content .mc-title a {color:inherit;}

.main-content .boundary h1, .main-content .boundary h2, .main-content .boundary h3, .main-content .boundary h4, .main-content .boundary h5 { font-family:"roboto", sans-serif; }

.main-content .mc-description { color:#666; font-size:1.3em; margin-bottom:30px; line-height:1.5em; display:none; }

.main-content .mc-content {  }
.main-content .mc-content h2, .main-content .mc-content h3, .main-content .mc-content h4, .main-content .mc-content h5 {line-height:1.3em; font-size:1.5em;}
.main-content .mc-content h3 {font-size:1.3em; }
.main-content .mc-content h4 {font-size:1em;}
.main-content .mc-content h5 {font-size:.8em;}
.main-content .mc-content blockquote { width:80%; padding:10px; margin:0 auto; border-left:5px solid #DDD; text-align:left; }
.main-content .mc-content img {max-width:90%;height:auto;}
.main-content .mc-content video {max-width:100%; height:auto;}

.main-content .mc-others { margin-top:30px; }
.main-content .mc-others .boundary { border:unset!important; box-shadow:unset; padding:0; }
.main-content .mc-others h4 {margin-bottom:.5em;}

.main-content .mc-others .mc-others-article { display:block; margin-bottom:20px; }
.main-content .mc-others .mc-others-article .mc-others-article-info { width:80%; padding:0; box-sizing:border-box; }
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-group { text-transform:uppercase; color:var(--green); }
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-title { display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; -webkit-box-orient:vertical; font-size:1.2em; padding:5px 0; }
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-title:hover {color:var(--red);}

.main-content .mc-content table {border-collapse: collapse;}
.main-content .mc-content a { color:var(--green); text-decoration:underline; text-underline-position:under; }

.register-bt { font-size:1em!important; padding:15px!important; border-radius:30px!important; }
.register-bt:hover { background-color:var(--green)!important; }

.grid-row .grid-col { text-align:left; padding:0; line-height:1.8em;  }

.grid-container.border .grid-row .grid-col { border:1px solid #DDD; padding:10px; margin-bottom:10px; }
.grid-container.shadow .grid-row .grid-col { box-shadow: 0 0 5px #666; }

.top-20 { margin-top:20px!important; }

@media (min-width:768px){
	.main-content .boundary { border: 1px solid #DDD; padding:20px; }
	
	.register-bt { width:90%!important; font-size:1.2em!important; }
	
	.grid-row .grid-col { padding:10px; }
	
	.grid-container.separate { display:table; border-collapse:separate; border-spacing:10px; width:calc(100% + 20px); margin-top:-10px; margin-left:-10px; }	
	.grid-container.border .grid-row .grid-col { border-right-width:0; }
	.grid-container.border .grid-row .grid-col:last-child { border-right-width:1px; }
	
	.grid-container.separate .grid-row .grid-col { border-width:1px; }
}

@media (min-width:1200px){
	.main-content .toc-container { position:absolute; top:0; right:calc(100% + 20px); width:250px; height:100%; }
	.main-content .toc {width:auto; max-width:250px;}
	.main-content .toc ul {display:block;}

	.grid-container.separate { border-spacing:30px; width:calc(100% + 60px); margin-top:-30px; margin-left:-30px; }
}