:root{--sdg-border-color:#c0c0c0}*{-webkit-tap-highlight-color:transparent} .intro-section__container--active{display:none}.intro-text{max-width:1050px; padding:0px} .courses-section{display:none}.courses-section--active{display:block}.courses-section H2{font-size:36px; line-height:44px; word-spacing:2px; letter-spacing:-1.5px; padding:60px 0px 25px 0px}.courses-section__intro,.courses-section__intro STRONG{color:#000; font-size:22px; line-height:30px; font-weight:300; letter-spacing:-0.5px; word-spacing:1px}.courses-section__intro{padding:0px 0px 45px 0px}.courses-section__intro STRONG{color:var(--primary-color); font-weight:bold} @media only screen and (min-width:1200px){.courses-section H2{font-size:54px; line-height:64px; letter-spacing:-3px; padding-top:80px}}@media only screen and (max-width:800px){.courses-section H2{font-size:30px; line-height:38px; letter-spacing:-1px; word-spacing:1px; padding-top:50px}} .courses-section__sub-header{font-size:24px; line-height:30px; font-weight:bold; word-spacing:1px; letter-spacing:-1px; padding:40px 0px 20px 0px; display:none}.courses-section__sub-header--active{display:block}.courses-section__intro-small,.courses-section__intro-small STRONG{color:#000; font-size:18px; line-height:24px}.courses-section__intro-small{padding:0px 0px 45px 0px; display:none}.courses-section__intro-small--active{display:block}.courses-section__intro-small STRONG{color:var(--primary-color); font-weight:bold} A.standards-courses__hidden{display:none} @media only screen and (max-width:1080px){.media-box-link{justify-content:space-between}	.media-box-link A{width:calc(50% - 10px); margin-right:0px}}@media only screen and (max-width:700px){.media-box-link A{width:100%}} .menu-section{margin-top:70px; padding:70px 0px; border:solid 1px var(--border-color); border-left:none; border-right:none; position:relative; background:#f8f8f8}.menu-section H2{color:var(--primary-color); font-size:44px; line-height:1; letter-spacing:-2.5px; padding:0px 0px 20px 0px} .menu-section .main-text{padding:0px 0px 35px 0px} .menu-items{display:flex; justify-content:flex-start; flex-wrap:wrap}.menu-items__item{width:calc(33.33% - 20px); margin:10px 20px 10px 0px; padding:25px; border:solid 1px #b0b0b0; display:flex; flex-direction:column; position:relative; cursor:pointer; transition:.25s; background:#fff}.menu-items__standard{color:var(--primary-color); font-size:32px; line-height:1; font-weight:300}.menu-items__standard-description{color:#000; font-size:16px; line-height:1.3; font-weight:bold; padding:10px 0px 20px 0px}.menu-items__number-courses{color:#888; width:200px; margin-top:auto; padding-top:15px; border-top:solid 1px var(--border-color)}.menu-items__number-courses::after{content:" courses available"}.menu-items__item:hover{border-color:#606060}.menu-items__item--active,.menu-items__item--active:hover{border:solid 4px var(--primary-color)} .certificate-section{padding:10px 0px; position:relative; z-index:2; background:#fff}.certificate-section__container{display:flex; justify-content:space-between; align-items:center}.certificate-section__text{width:50%; padding:0px 80px 0px 0px}.certificate-section__text H2{font-size:58px; line-height:1.2; letter-spacing:-2.5px; padding:0px 0px 35px 0px}.certificate-section__text STRONG{color:var(--primary-color)}.certificate-section__text P:last-child{padding:0px}.certificate-section__text-img{display:none}.certificate-section__image{width:50%; padding-right:20px}.certificate-section__image IMG{width:100%; height:auto; transform:rotate(-4deg); z-index:5} .stats-section{padding:90px 0px; border:solid 1px var(--border-color); border-left:none; border-right:none; position:relative; background:#f8f8f8}.stats-section__container{display:flex; justify-content:space-between}.stats__inner--divider{width:1px; margin:0px 60px; background:#c0c0c0}.stats__inner--content{width:calc(33.33% - 1px - 80px); padding:0px 0px 100px 0px; position:relative}.stats__number{font-family:'Work Sans',sans-serif; color:var(--primary-color); font-size:120px; line-height:1; font-weight:200; letter-spacing:-8px; padding:0px 0px 30px 0px}.stats__text{color:#000; padding:0px}.stats__link{position:absolute; left:0px; bottom:20px}.stats__link A{color:#000; font-weight:bold} .sdg-section{padding:90px 0px 70px 0px}.sdg-section__container{display:flex; flex-wrap:wrap}.sdg__text{width:480px; padding-left:60px; order:2}.sdg-section H2{font-size:58px; line-height:1; letter-spacing:-3px; margin-left:-4px; padding:5px 0px 40px 0px}.sdg-section H2 *{font-family:'Rubik',sans-serif; color:var(--primary-color); font-size:58px; line-height:1; letter-spacing:-3px; font-weight:300; padding-top:2px; display:block} .sdg__intro{color:#000; font-size:18px; line-height:24px; padding:0px} .sdg__icons{width:calc(100% - 480px); display:flex; justify-content:space-between; flex-wrap:wrap; order:1}.sdg__icon{width:calc(50% - 5px); margin:0px 0px 10px 0px; position:relative; cursor:pointer}.sdg__icon-image{width:100%; height:auto; position:relative; z-index:1} .sdg__icon-links{width:100%; height:1px; position:absolute; top:50%; z-index:0; opacity:0}.sdg__icon-links-odd{left:70%}.sdg__icon-links-even{left:-70%} .sdg__icon-links-odd--active,.sdg__icon-links-even--active{z-index:99; opacity:1; transition:.3s}.sdg__icon-links-odd--active{left:90%}.sdg__icon-links-even--active{left:-90%} .sdg__icon-links-inner{width:100%; padding:30px 20px; border:solid 3px var(--sdg-border-color); border-radius:10px; box-shadow:0px 12px 14px -6px rgba(0,0,0,0.5); position:absolute; top:50%; transform:translateY(-50%); background:#fff}.sdg__icon-links-inner-odd::before,.sdg__icon-links-inner-odd::after,.sdg__icon-links-inner-even::before,.sdg__icon-links-inner-even::after{content:""; border-style:solid; position:absolute; top:50%; transform:translateY(-50%)} .sdg__icon-links-inner-odd::before,.sdg__icon-links-inner-even::before{border-width:14px; z-index:10}.sdg__icon-links-inner-odd::after,.sdg__icon-links-inner-even::after{border-width:12px; z-index:11} .sdg__icon-links-inner-odd::before{left:-28px; border-color:transparent var(--sdg-border-color) transparent transparent}.sdg__icon-links-inner-odd::after{left:-21px; border-color:transparent #fff transparent transparent} .sdg__icon-links-inner-even::before{right:-28px; border-color:transparent transparent transparent var(--sdg-border-color)}.sdg__icon-links-inner-even::after{right:-21px; border-color:transparent transparent transparent #fff} .sdg__icon-links-inner UL{border-top:solid 1px var(--sdg-border-color)}.sdg__icon-links-inner LI{line-height:1; padding:20px 0px; border-bottom:solid 1px var(--sdg-border-color); cursor:pointer; transition:.3s}.sdg__icon-links-inner LI:hover{background:#f8f8f8} .sdg__icon-links-inner P{color:#000; font-size:16px; line-height:1; text-align:center} @media only screen and (max-width:1080px){ .menu-section{padding:70px 0px} .menu-section H2{font-size:36px; letter-spacing:-1.5px; padding-bottom:15px} .menu-items{justify-content:space-between} .menu-items__item{width:calc(50% - 10px); margin:10px 0px} .certificate-section{padding:70px 0px 80px} .certificate-section__container{display:block} .certificate-section__text{width:100%; padding-bottom:45px; display:block} .certificate-section__text DIV{padding:0px} .certificate-section__text H2{font-size:40px; letter-spacing:-1.5px; padding-bottom:30px} .certificate-section__image{width:100%; padding:0px} .certificate-section__image IMG{transform:rotate(0deg)} .stats-section{padding:0px} .stats-section__container{display:block} .stats__inner--divider{width:100%; height:1px; margin:0px} .stats__inner--content{width:100%; padding:60px 0px 65px 0px} .stats__number{padding:0px; position:absolute; left:0px; top:50px} .stats__text{color:#000; padding:0px 0px 25px 250px} .stats__link{padding:0px 0px 0px 250px; position:static; left:0px; bottom:0px} .sdg-section{padding-top:80px} .sdg__text{width:100%; padding:0px 0px 55px 0px; order:1} .sdg-section H2{font-size:48px; letter-spacing:-2px; padding-top:0px} .sdg-section H2 *{font-size:48px; letter-spacing:-3px} .sdg__icons{width:100%; order:2} } @media only screen and (max-width:800px){ .stats-section__container{max-width:600px} .sdg-section{padding:60px 0px 45px 0px} .sdg-section H2{padding-bottom:30px} } @media only screen and (max-width:600px){ .menu-section{margin:0px; padding:55px 0px 0px 0px; border:none; background:#fff} .menu-section H2{font-size:30px; line-height:1.2; letter-spacing:-1px} .menu-items__item{width:calc(100% - 5px); margin:5px 0px} .menu-items__item:nth-child(odd){background:#f8f8f8} .certificate-section{padding:50px 0px 55px 0px} .certificate-section__text{padding:0px} .certificate-section__text H2{font-size:34px; letter-spacing:-1px; padding-bottom:20px} .certificate-section__text-img{width:100%; height:auto; margin:10px 0px 35px 0px; display:block; transition:.5s; transform:scaleX(-1)} .certificate-section__text-img--active{transform:scaleX(1)} .certificate-section__image{display:none} .stats-section{background:#fff} .stats-section__container{width:100%} .stats__inner:nth-child(4n+1){background:#f8f8f8} .stats__inner--divider{border-top:solid 1px var(--border-color); background:#fff} .stats__inner--content{padding:40px 5% 60px 5%} .stats__number{position:static; top:0px} .stats__text{padding:20px 0px 40px 0px} .stats__link{padding:0px} .sdg-section H2,.sdg-section H2 *{font-size:44px}}