#main-content-section { padding: 220px 0 120px 0; background-color: var(--pg-color-ink); } #main-content-section hr { max-width: 700px; height: 2px; background-color: var(--pg-orange); border: 0; padding: 0; margin: 20px 0; opacity: 1; } #main-content-section h2 { font-weight: 500; font-size: 67px; color: var(--pg-color-surface); text-transform: none; } @media (max-width: 992px) { #main-content-section h2 { font-size: 48px; } } @media (max-width: 767px) { #main-content-section h2 { font-size: 36px; } } @media (max-width: 420px) { #main-content-section h2 { font-size: 32px; } } #main-content-section p.subtitle { font-size: 21px; color: var(--pg-color-surface); margin-bottom: 0; padding-bottom: 30px; font-weight: 400; } #main-content-section .primary-button { display: inline-block; margin-top: 30px; } .media { position: relative; } .media .videoembed { display: block; max-width: 560px; margin: 0 auto; } .media img { display: block; max-width: 380px; height: auto; margin: 0 auto; } @media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 992px) { #addons-section .addon-box { margin-bottom: 30px; } } @media only screen and (max-width: 768px) { #main-content-section { padding: 120px 0 60px 0; } #main-content-section .content { margin-bottom: 30px; } #addons-section { padding: 60px 0; } } @media only screen and (max-width: 440px) { }
