#hero { background: url('/modules/business-incubator/images/background.jpg?v=3') no-repeat; background-size: 65%; background-position: center 35%; xbackground-attachment: fixed; text-align: left; padding: 140px 0 0px; }
#hero h1 { font-size: 58px; font-weight: bold; }
#hero .title { text-align: center; }
#hero .title p { font-style: italic; margin: 6px 0 0; }
#hero .contents { padding: 60px 0; max-width: 90%; margin: auto; }
.business-wrapper { display: flex; align-items: center; justify-content: space-around; }
.business-wrapper > div { max-width: 320px; }

#launchpad { text-align: center; padding: 100px 0; }
#launchpad p { max-width: 80%; margin: auto; }
#launchpad .contents { padding: 20px 0; }
.launchpad-wrapper { display: flex; align-items: center; justify-content: center; }
.launchpad-wrapper > div:nth-child(2) { width: 560px; text-align: right; padding: 0 20px; }
.launchpad-wrapper a.btn { margin: 20px 0 0 auto; }

.faq-wrapper { text-align: left; }
.faq { padding: 20px 10px; border-radius: 12px; cursor: pointer; }
.faq-head { display: flex; align-items: center; justify-content: center; user-select: none; }
.faq-head .icon { width: 36px; }
.faq-head .icon img { display: block; }
.faq-head .chevron { width: 19px; height: 19px; background: url('/modules/business-incubator/images/icon_chevron.png') no-repeat; background-size: cover; margin: 0 0 0 auto; transition: 0.25s; }
.faq-content { color: #807d85; display: none; position: relative; padding: 10px 112px 10px 0; user-select: none; }
.faq-content .price { position: absolute; top: 10px; right: 2px; color: white; }
.faq-content:before { content: url('/modules/business-incubator/images/icon_greenline.png'); padding: 0 10px 0 6px; }
.faq.open { background: #171125; }
.faq.open .faq-head .chevron { transform: rotate(180deg); }
.faq:nth-child(1) { pointer-events: none; }
.faq:nth-child(1) .faq-content { display: block; }
#work { text-align: center; padding-bottom: 120px; }
#work .title p { font-style: italic; margin: 0; }
#work p.content { max-width: 700px; margin: 40px auto; }
#resources h2 { font-weight: 200; text-align: center; }
#resources h2 span { display: block; font-weight: bold; }
.resources-wrapper { display: flex; align-items: center; justify-content: center; padding: 80px 0; flex-wrap: wrap; }
.resources-wrapper > div { width: 50%; }
.resources-wrapper .image { padding: 40px 40px; text-align: center; }
#services { text-align: center; }

@media (max-width: 1440px) {
#hero { padding: 140px 0 60px; background-position: center -2%; }
#hero h1 { font-size: 36px; }
#launchpad { padding: 80px 0; }
.launchpad-wrapper img.pns { width: 100%; }
#work { padding-bottom: 80px; }
}

@media (max-width: 1024px) {
#hero { padding: 20px 0; }
#hero .contents { padding: 20px 0; max-width: 100%; margin: auto; }
.business-wrapper { flex-wrap: wrap; }
.business-wrapper > div { max-width: initial; width: 100%; }
#launchpad { padding: 20px 0; }
#launchpad p { max-width: 100%; }
.launchpad-wrapper { flex-wrap: wrap; }
.launchpad-wrapper > div:nth-child(2) { width: 100%; padding: 0; text-align: center; }
.resources-wrapper { flex-wrap: wrap; padding: 20px 0; }
.resources-wrapper > div { width: 100%; }
.resources-wrapper > div:nth-child(1) { order: 1; }
.resources-wrapper > div:nth-child(2) { order: 2; }
.resources-wrapper > div:nth-child(3) { order: 4; }
.resources-wrapper > div:nth-child(4) { order: 3; }

#work { padding-bottom: 20px; }
.resources-wrapper .image { padding: 20px 0; }
.resources-wrapper .image img { width: 100%; }
}