.parapoly-page .container { text-align: center; padding: 60px 0; }
.parapoly-page h1, .parapoly-page h2 { font-size: 48px; font-weight: bold; }
.parapoly-page h3 { font-size: 32px; font-weight: bold; text-align: left; }
.parapoly-page p { font-size: 22px; }
.parapoly-page p.left { text-align: left; }
.parapoly-page p.bold { font-weight: bold; }
#parapolyheader { background: url('/images/parapoly/image_01.jpg') no-repeat; height: 600px; display: flex; align-items: center; justify-content: center; }
#parapolyheader h1, #parapolyheader p { color: white; }
.parapoly-page .row { display: flex; align-items: flex-start; justify-content: center; margin: 0 -12px; position: relative; }
.parapoly-page .row .col { padding: 0 12px; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; }
.parapolyhowto .row { padding: 20px 0 40px; }
.parapolyhowto .row.double { padding-top: 80px; }
.parapolyhowto .row.double img { max-width: 100%; }
.parapolyhowto .row.double a { margin: initial; }
.parapolyhowto .icon { height: 140px; display: flex; align-items: center; justify-content: center; }
.parapolyhowto .small-icons { font-size: 17px; font-weight: 500; white-space: nowrap; }
.parapolyhowto .small-icons .icon { height: 70px; }
.parapolyhowto .title { font-size: 18px; font-weight: bold; }
.parapolyhowto .content { font-size: 16px; line-height: 200%; padding: 20px 30px; }
.parapolyhowto .container:not(:last-child) { border-bottom: 1px solid #e2e2e2; margin-bottom: 0px; }

.parapolyhowto .faq-title { font-size: 18px; font-weight: 500; padding: 10px 5px; border-bottom: 1px solid #c8c8c8; text-align: left; cursor: pointer; text-transform: uppercase; }
.parapolyhowto .faq-content { display: none; font-size: 16px; padding: 15px; background: #4c3c2f; color: #eee; text-align: left; line-height: 150%; }
.parapolyhowto .faq-content a { font-weight: bold; }

@media screen and (max-width: 1680px) {
.parapoly-page .container { padding: 50px 0; }
.parapoly-page h1, .parapoly-page h2 { font-size: 44px; }
.parapoly-page h3 { font-size: 28px; }
.parapoly-page p { font-size: 19px; }
#parapolyheader { height: 500px; }
.parapolyhowto .icon { transform: scale(0.9); transform-origin: center center; }
.parapolyhowto .content { font-size: 15px; line-height: 190%; padding: 18px 25px; }
.parapolyhowto .small-icons { font-size: 16px; }
.parapolyhowto .small-icons .icon { height: 65px; }
}

@media screen and (max-width: 1440px) {
.parapoly-page .container { padding: 48px 0; }
.parapoly-page h1, .parapoly-page h2 { font-size: 40px; }
.parapoly-page h3 { font-size: 24px; }
.parapoly-page p { font-size: 17px; }
#parapolyheader { height: 460px; }
.parapolyhowto .content { font-size: 15px; line-height: 190%; padding: 15px 20px; }
.parapolyhowto .row.double img { max-width: 95%; }
.parapolyhowto .icon { height: 120px; }
.parapolyhowto .icon { transform: scale(0.8); }
.parapolyhowto .small-icons .icon { height: 55px; }
.parapolyhowto .faq-title { font-size: 17px; }
}

@media screen and (max-width: 1024px) {
.parapoly-page .container { padding: 30px 20px; }
.parapoly-page h1, .parapoly-page h2 { font-size: 28px; }
.parapoly-page h3 { font-size: 18px; }
.parapoly-page p { font-size: 15px; }
#parapolyheader { height: initial; }
.parapoly-page .row { flex-wrap: wrap; }
.parapolyhowto .icon { transform: initial; }
.parapoly-page p.left, .parapoly-page h3 { text-align: center; }
.parapolyhowto .row.double { padding-top: 20px; }
.parapolyhowto .row.double > div { margin-bottom: 30px; }
.parapolyhowto .small-icons .icon { height: 70px; }
.parapolyhowto .small-icons { display: flex; flex-wrap: wrap; padding: 10px 0; }
.parapoly-page .row .col2 { flex: 0 0 33.33333%; max-width: 33.33333%; margin-bottom: 40px; }
.parapolyhowto .row.double a { margin: auto; }
.parapolyhowto .row { padding: 20px 0; }
.parapolyhowto .faq-title { font-size: 16px; }
}

@media (min-width: 992px){
.parapoly-page .row .col4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.parapoly-page .row .col6 { flex: 0 0 50%; max-width: 50%; }
.parapoly-page .row .col2 { flex: 0 0 16.66666666666667%; max-width: 16.66666666666667%; }
}
