.fullarticle {overflow: hidden;position: relative;text-align: center; } .fullarticle .article-bg .img-fluid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1; } .fullarticle .container {opacity: 0;transform: translateY(20px);position: relative;z-index: 3; } .fullarticle .container h1, .fullarticle .container h2, .fullarticle .container h3, .fullarticle .container p {color: var(--white); } .fullarticle .container .small {font-size: 0.7777777778rem;font-weight: 700; } @media (min-width: 768px) {.fullarticle .container .small {font-size: 0.6111111111rem;} } .fullarticle .container h2 {font-size: 2.2222222222rem; } .fullarticle .container h2 span {color: var(--primary); } @media (min-width: 768px) {.fullarticle .container h2 {font-size: 3rem;} } .fullarticle .container p {font-weight: 300;font-size: 1rem; } .fullarticle .container .buttons {display: flex;gap: 1.1111111111rem;flex-wrap: wrap;justify-content: center;padding-top: 0.8333333333rem; } .fullarticle .container .buttons .btn-green {background: #B8960C; } .fullarticle .container .buttons .btn-outline {border: 1px solid var(--white);color: var(--white); } .fullarticle .container .offline-time {padding: 2.2222222222rem 0; } .fullarticle .container .offline-time h2 {font-size: 2.2222222222rem;margin-bottom: 0; } @media (min-width: 768px) {.fullarticle .container .offline-time h2 {font-size: 2.7777777778rem;text-align: left;} } .fullarticle.active .article-bg .img-fluid {transform: scale(1.1);transition: transform 1s; } .fullarticle.active .container {opacity: 1;transform: translateY(0);transition: opacity 1s, transform 1s; } .section.fullarticle {padding: 4.4444444444rem 0; }