.EmpowerBanner {
    margin-top:35px;
    max-width:1100px;
}

.EmpowerBannerMobile {
    display:none;
}

.header {
    position:sticky;
    top:0;
    display:flex;
    width:100%;
    padding:8px;
    background-color:white;
    z-index: 5;
}

.logo {
    width:156.38px;
}

.links {
    position:relative;
    left:45%;
    padding-top:20px;
}

.link1 {
    padding:15px;
    color:#6d899d;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight:bold;
    font-size:18px;
}

.location {
    position: relative;
    left:50%;
    padding:16px 20px;
    border-radius:10px;
    background-color:#0db88f;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:20px;
}

.location:hover {
    background-color:#04ac84;
}

a:link {
    text-decoration: none;
}

.logo {
    position: relative;
    left:5%;
}

.bodyintro {
    display:flex;
    flex-direction:column;
    width:100%;
    height:650px;
    align-items:center;
    background-image: url(Images/Main\ Background.webp);
    background-size:200%;
}

.locationPing {
    padding-top:70px;
    display:flex;
    flex-direction:column;
}

.locationPingimage {
    width:13px;
}

.locationWords {
    margin-left:8px;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:16px;
}

.words {
    display:flex;
}

.location2 {
    padding:16px 20px;
    border-radius:5px;
    background-color:#0db88f;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:20px;
}

.headerGradient {
    width:100%;
    position:fixed;
    top:70px;
    z-index: 5;
}

.body2 {
    align-items:center;
    display:flex;
    flex-direction:column;
    width: 100%;
    background-image: url(Images/Body1\ gradient.png);
}

.Rightninja {
    position: absolute;
    right: 0;
    top: 35%;
    transform: translateY(-50%);
    width:285px;
    margin:0;
}

.Leftninja {
    position: absolute;
    left:0;
    top: 35%;
    transform: translateY(-50%);
    width:370px;
    margin:0;
}


.body2Section1 {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    margin: 0 auto;
}

.body2headertext {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.body2headertext h1 {
    margin:0;
}

.body2headertext .WHY {
    margin-top:20%;
    margin-bottom:0;
}

.imagine {
    width:650px;
    text-align:center;
    font-size:16;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#506690;
    line-height:1.5;
}

.CODE {
    color:#187abf;
    font-size:54px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.WHY {
    color:black;
    font-size:54px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body2Section2 {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin-top:5%;
}

.MSNBC {
    width: 112px;
    height:auto;
    margin-right:50px;
}

.Parents {
    width:93px;
    height:auto;
    margin-right:50px;
}

.ABC {
    width:31px;
    height:auto;
}

.lifehacker {
    width:106px;
    height:auto;
    margin-left:50px;
}

.enterpreneur {
    width:131px;
    height:auto;
    margin-left:50px;
}

.videotext {
    width:340;
    font-size:20px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#506690;
    text-align:center;
    margin-top:3%;
}

.thumbnail1 {
    width:844;
    height:auto;
    border-radius:25px;
}

.offer {
    color:#187abf;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:20px;
    margin-top:8%;
    letter-spacing:1.5px;
}

.programs {
    display:flex;
    align-items:center;
    justify-content:center;
    width:800;
    margin-top:-70px;
}

.YEAR {
    font-size:56px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.PROGRAMS {
    color:#187abf;
    font-size:56px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.body3 {
    margin-top:-25px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 523px;
    display: flex;
    align-items:center;
    justify-content:center;
    background-color:#187abF;
}

.body3background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.body3gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; 
    pointer-events: none;
}

.body3paragraph {
    display:flex;
    flex-direction:column;
    position: relative;
    z-index: 2; 
    height:376px;
    margin-left:55px;
}

.kidComputer {
    width:528px;
    height:auto;
    z-index:3;
}

.AGES {
    font-size: 18px;
    letter-spacing:1.3px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #8eecff;
}

.CODENINJAS {
    font-size: 24px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    margin-top:-45px;
}

.CREATE {
    font-size: 64px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #8eecff;
    margin-top:-40px;
}

.our {
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    width:361px;
    margin-top:-40px;
    letter-spacing:1.1px;
}

.LEARN {
    padding:16px 2px;
    border-radius:10px;
    background-color:#0db88f;
    text-align:center;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:18px;
    width:159.15px;
}

.AGES2 {
    font-size: 18px;
    letter-spacing:1.3px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #DEABF7;
}

.CODENINJAS2 {
    font-size: 24px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    margin-top:-45px;
}

.CREATE2 {
    font-size: 64px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #DEABF7;
    margin-top:-40px;
}

.our2 {
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    width:400px;
    margin-top:-40px;
    letter-spacing:1.1px;
    line-height:20px;
}

.LEARN2 {
    padding:16px 2px;
    border-radius:10px;
    background-color:#0db88f;
    text-align:center;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:18px;
    width:159.15px;
}

.body4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 523px;
    display: flex;
    align-items:center;
    justify-content:center;
    background-color:#6b2a75;
}

.body4background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.body4gradient {
    position: absolute;
    top: 0;
    right:0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; 
    pointer-events: none;
}

.body4paragraph {
    display:flex;
    flex-direction:column;
    position: relative;
    z-index: 2; 
    height:376px;
    margin-right:85px;
}

.kidComputer2 {
    width:466px;
    height:auto;
    z-index:3;
}

.body5 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 523px;
    display: flex;
    align-items:center;
    justify-content:center;
    background-color:#1c859a;
}

.body5background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.body5gradient {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; 
    pointer-events: none;
}

.body5paragraph {
    display:flex;
    flex-direction:column;
    position: relative;
    z-index: 2; 
    height:376px;
}

.kidComputer3 {
    width:372px;
    height:auto;
    z-index:3;
    margin-right:120px;
}

.AGES3 {
    font-size: 18px;
    letter-spacing:1.3px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #8eecff;
}

.CODENINJAS3 {
    font-size: 24px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    margin-top:-45px;
}

.CREATE3 {
    font-size: 64px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #8eecff;
    margin-top:-40px;
}

.our3 {
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #F6F7F8;
    width:400px;
    margin-top:-40px;
    letter-spacing:1.1px;
    line-height:20px;
}

.LEARN3 {
    padding:16px 2px;
    border-radius:10px;
    background-color:#0db88f;
    text-align:center;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:18px;
    width:159.15px;
}

.body6 {
    height:1111.3px;
    width:100%;
}

.ImageHalf {
    height:800px;
    width:100%;
    z-index:-1;
}

.InvisNinjas {
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
    margin-top:-820px;
}

.LeftNinjas {
    width:130px;
    height:auto;
    margin-right:-228px;
    margin-bottom:-10px;
}

.RightNinjas {
    width:250px;
    height:270px;
    margin-left:-315px;
    margin-top:-60px;
    z-index:-1;
}

.ComputerFrame {
    width:1300px;
    height:auto;
    margin-top:-70px;
}

.ContentHalf {
    width:100%;
    align-items:center;
    justify-content: center;
    display:flex;
    flex-direction:column;
    margin-top:-200px;
}

.ImpactLogo {
    width:344px;
    height:auto;
}

.Partnership {
    font-size:12px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    width:300px;
    letter-spacing:1.2px;
    color:#257CC6;
    text-align:center;
    margin-top:-10px;
}

.MicrosoftLogo {
    width:291.5px;
    height:auto;
}

.Dojo {
    width:600px;
    font-size:16px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#506690;
    text-align:center;
    letter-spacing:1.1px;
}

.LEARN4 {
    padding:16px 2px;
    border-radius:5px;
    background-color:#0db88f;
    text-align:center;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:18px;
    width:159.15px;
}

.body7 {
    height:700px;
    width:100%;
    overflow:hidden;
    background-image: url("Images/body7.webp");
    background-size:100%;
    position:relative;
}

.body7headerGradient {
    position: relative;
    width:100%;
    height:auto;
    top:0;
    z-index:1;
}


.body7Contents {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    margin-top:-68px;
}

.body7Logo {
    position:relative;
    width:240px;
    height:auto;
    z-index:1;
}

.PRODIGY {
    position:relative;
    width:500px;
    height:auto;
    z-index:1;
}

.Pprogram {
    text-align:center;
    font-size:20px;
    color:#51B8FF;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight:bold;
    line-height:25px;
    letter-spacing:1.1px;
}

.Offers {
    text-align:center;
    font-size:16px;
    color:#FFFFFF;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    line-height:25px;
    letter-spacing:1.1px;
    margin-top:-12px;
}

.click {
    text-align:center;
    font-size:16px;
    color:#FFFFFF;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    letter-spacing:1.1px;
}

.body7footerGradient {
    position: absolute;
    width:100%;
    height:auto;
    z-index:1;
    bottom:0;
    right:0;
    left:0;
}

.bottomNinjas {
    width:100%;
    height:auto;
    position:absolute;
    bottom:0;
    right:0;
    left:0;
}