/* blockchain style

   developer:   yhechler
   requires:    /common/framework/css/framework.ja.css
                /start/css/global.css.ja
                /start/featured-topics/css/shared.css.ja
   ========================================================================== */
   
#slide-content-2 .desc {
	margin-top: 1rem;
}
/* ==========================================================================
   blockchain company list
   ========================================================================== */

#blockchain-company-list {
	background: #ffffff;
	padding: 0 2.5rem;
	position: relative;
	z-index: 0;
}
#blockchain-company-list .inner {
	padding: 3.75rem 0;
}
.companies a {
	margin-top: 0rem;
}
.companies a img {
	height: auto;
	max-width: 100%;
}
.companies-neo-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 2rem;
}
.companies-neo-grid:first-of-type {
	margin-top: 0rem;
}
/* ========================================================================== 
   responsive breakpoint styles 
   ========================================================================== */

@media (max-width: 1200px) {}
@media (max-width: 900px) {
	section:not(#intro):not(#blockchain-company-list) .inner {
		max-width: calc(600px + 1.875rem);
	}
	.companies-neo-grid,
	.companies-neo-grid:first-of-type {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 2rem 4rem;
	}
}
@media (max-width: 600px) {
	/*companies*/
	#intro {
		margin-bottom: 0;
		padding-top: 24px;
	}
	#blockchain-company-list .inner {
		padding: 1.875rem 0;
	}
	.companies-neo-grid,
	.companies-neo-grid:last-of-type {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem 2rem;
	}
}
@media (max-width: 320px) {}