.max-width .pull-up { margin: 0; }
.particle-wrap { position: relative; overflow: hidden; }

#particles-js { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; }
.gradient-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;  background: rgb(221,221,221);
background: linear-gradient(0deg, rgba(221,221,221,0.8) 10%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 95%);  }
.gradient-overlay + .container { position: relative; z-index: 2; }
	
.particle-wrap h1, .particle-wrap h2 { color: #142c68; margin-bottom: 0; }
.network-intro { font-size: 1.375rem; font-weight: 600; color: #6a6a6a; margin-bottom: 2.5rem; line-height: 1.3; }
	
.counter { counter-reset: css-counter 0; flex: 0 0 60%; }
.feature-card { counter-increment: css-counter 1; display: flex; margin-bottom: 1rem; }
.feature-card:before { content: "0" counter(css-counter); color: #fff; font-weight: bold; font-size: 2rem; padding: 1rem 1.5rem; opacity: .6; }
.feature-card_content { display: flex; flex-direction: column; color: #fff; width: 100%; /* width for IE 11 */ }
.feature-card_content .button { margin-top: auto; align-self: flex-start; border-bottom: 3px solid transparent; border-radius: 3px; color: #fff; text-decoration: none; margin: auto 0 2rem 1.5rem; font-weight: 600; padding: .5rem 1rem; transition: background .05s linear; font-size: 1rem; }

.feature-card .feature-card_title { margin: 1rem 1.5rem 0 1.5rem; padding: 0; color: #fff; font-size: 1.75rem; }
.feature-card_subtitle { margin: 0; padding: .25rem 1.5rem; background: rgba(255,255,255,.1); font-size: .9375rem; }
.feature-card_desc { margin: 1.5rem; line-height: 1.4; }

.nccr-card { margin-bottom: 0; }
.seer-card, .seer-card:before { background: rgb(16,94,142); background: linear-gradient(165deg, rgba(16,94,142,0.93) 0%, rgba(22,50,100,0.93) 100%); }
.nccr-card, .nccr-card:before { background: rgb(32,117,140); background: linear-gradient(165deg, rgba(32,117,140,0.93) 0%, rgba(10,60,87,0.93) 100%); }
	
.seer-card .button { background: #008000; border-bottom-color: #004600; }
.nccr-card .button { background: #82368c; border-bottom-color: #55245b; }
.seer-card .button:hover, .seer-card .button:focus { background: #036603; background .05s linear }
.nccr-card .button:hover, .nccr-card .button:focus { background: #682371; background .05s linear }

.global { flex: 0 0 30%; align-self: flex-start; font-size: 1rem; padding: 1rem 2rem; background: rgba(255,255,255,.75); border: 1px solid #ddd; border-radius: 0 15px 15px 0; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.global h2 { margin: 0 0 .5rem; }
.global .button { display: inline-block; border-radius: 3px; color: #226491; font-weight: 600; background: #f0f0f0; border: 1px solid #ccc; text-decoration: none; padding: .25rem 1.5rem; transition: background .05s linear; margin: .5rem 0; }
.global .button:hover, .global .button:focus { background: #ececec; transition: background .05s linear; }
	
@media (max-width: 767px) {	
	.particle-wrap h1 { font-size: 1.5rem; margin-top: 2rem; margin-bottom: .5rem; }
	.network-intro { font-weight: 400; font-size: 1.125rem; }
	
	.feature-card { flex-direction: column; }
	.feature-card:before { font-size: 1rem; padding: .25rem 1.5rem;	}
	.feature-card .feature-card_title { font-size: 1.5rem; }
}
	
/* comparison table */	
.comparison-container { overflow-x: auto; /*max-height: calc(100vh - 100px);*/ padding-top: 1.5rem; position: relative; }
.comparison-container:after { content: ""; width: 0; height: 0; position: absolute; left: 3rem; top: 0; border: 20px solid transparent; border-left-width: 35px; border-right-width: 35px; border-top-color: #e4e4e4; }
	
.comparison-table { border: none; }
.comparison-table svg { margin-top: .3rem; }
	
.comparison-table th { position: sticky; z-index: 1; top: 0; border: none; background: none; color: #333; font-weight: 600; font-size: 1.125rem; }
.comparison-table td, .comparison-table th { padding: 10px; min-width: 200px; text-align: center; border: none; border-right: 1px solid #ced4da; }
.comparison-table tr:nth-child(even) { background-color: #f2f2f2!important; }
	
/* Depending on the number of products in comparison, different classes should be used (e.g. 3 products should have a .products-3 class with a width of 33.333%) */
.products-2 th, .products-2 td { width: 50%; }
.products-4 th, .products-4 td { width: 25%; }

/*.comparison-table th.label { background: #fff; }*/
.comparison-table .label { text-align: left; min-width: 350px!important; width: 350px!important; font-weight: 500; }

.comparison-table .heading { font-weight: bold; background: #142c68; width: 100%; text-align: left; position: relative; color: #fff; }
.comparison-table .heading span { position: sticky; top: 0; left: 10px; }

.comparison-table tfoot td, .comparison-table tfoot th { border-right: none; }
.comparison-table tfoot a { text-decoration: none; display: inline-flex; }
.comparison-table tfoot a strong { margin-right: .25rem; }	
	
.comparison-footnotes { margin-bottom: 5rem; }
.comparison-footnotes p { margin: 0 0 .25rem 0; font-size: .9375rem; }

@media all and (max-width: 899px) {
	/* hide the labels on small screens and show them above each spec instead */ 
	.comparison-table .label { display: none; }
	.comparison-table .spec::before { content: attr(spec-title); color: #000; font-weight: 500; display: block; }
	
	.comparison-table td:last-of-type, .comparison-table th:last-of-type { border-right: none; }
}