body{
    font-family: Arial, Helvetica, sans-serif;
}

.header .bg{
    z-index: -1;
    width: 100%;

}
.header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: sticky;
    
    
}

.header .pages{
    display: flex;
    margin-right: 100px;
}

.header .pages a{
    margin: 5px;
    margin-right: 50px;
    color: grey;
    font-weight: bolder;
    font-size: 20px;
    position: static;
    
}
.header img{
    width: 10%;

}

.header button{
    background-color: rgb(68, 219, 171);
    border-width: 0px;
    border-radius: 5px;
    padding: 6px;
    color: white;
    font-weight: bolder;
   
    font-size: 28px;
}
.topheaderthing{
    width: 100%;
}

.staticimage img{
  width: 100%;
}

.staticimage{
    background-image: url(images/galaxy.png);
    padding: 1%;
}
.staticimage  p{
    color: white;
    background-color: rgba(58, 58, 58, 0.6);
    text-align: center;
    margin: auto;
    width: 50%;
    padding: 0.9%;

}

.staticimage .buttons{
    text-align: center;
    margin: auto;
    padding: 1%;
    font-weight: bolder;
    
}
.staticimage .buttons button{
    background-color: rgb(68, 219, 171);
    color: white;
    text-shadow: 10px;
    border-width: 0px;
    border-radius: 5px;
    padding: 7px;
    font-weight: bolder;
    text-shadow: black, 2px 2px 2px;
}

.staticimage .buttons .button2{
    background-color: rgb(16, 118, 185);
    text-shadow: black, 2px 2px 2px;

}
.beginningparagraph h2{
    text-align: center;
    font-size: 39px;
    color: rgb(26, 47, 117);
    font-family: Arial, Helvetica, sans-serif;
}
.beginningparagraph h1{
    text-align: center;
    font-size:39px;
    color: rgb(108, 160, 255);
    font-weight: bolder;
    
}

.beginningparagraph p{
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    font-size: 20px;
    font-weight: bold;
    color: rgb(78, 78, 105);

}

.beginningparagraph .right{
    position: absolute;
    margin-left: 82%;
}
.beginningparagraph .left{
    position: absolute;
}

.beginningparagraph .beginning {
    text-align: center;
}

.Companylinks img{
    width: 10%;
    padding: 5px;
}

.Companylinks{
    align-items: center;
    margin-right: 0%;
    margin-left: 28%;
}

.video h1{
    color: rgb(78, 78, 105);
    text-align: center;
    font-size: 30px;
    margin-left: 34%;
    width: 30%;
}
.video img{
    margin-left: 24%;
    width: 50%;

    border-radius: 25px;
}

.offeringsection h3{
    font-size: 20px;
    color: lightskyblue;
    text-align: center;
}

.offeringsection h1{
    font-size: 30PX;
    font-weight: bolder;
    text-align: center;
}

.offer1{
    display: flex;
    width: auto;
    padding: 5%;
    background-color: rgb(75, 138, 255);
    background-image: url(images/Create-Bg.webp);
    background-size: cover;
}

.offer1 img{
    width: 40%;
    margin-left: 15%;
    
}
.offer1 section{
    margin-right: 30%;
    text-align: left;
    color: white;
    font-weight: bold;
}

.offer1 h1{
    text-align: left;
    font-size: 55px;
    line-height: 1px;
    color: lightblue;
}

.offer1 h4{
    color: rgb(107, 184, 209);
}

.offer1 button{
    color: white;
    padding: 5%;
    width: 70%;
    border-radius: 20%;
    border-width: 0px;
    background-color: rgb(50, 218, 162);
    font-weight: bolder;
    font-size: 20px;
}

.offer2{
    display: flex;
    width: auto;
    background-color: rgb(172, 46, 172);
    background-image: url(images/JR-Bg.webp);
    background-size: cover;
    padding: 5%;
}

.offer2 img{
    width: 40%;
    margin-right: 15%;
   
}
.offer2 section{
    margin-left: 25%;
    text-align: left;
    color: white;
}

.offer2 h1{
    text-align: left;
    font-size: 55px;
    line-height: 2px;
    color: rgb(223, 173, 230);
}
.offer2 h4{
    color: rgb(236, 156, 243);
}
.offer2 button{
    color: white;
    padding: 5%;
    width: 60%;
    border-radius: 20%;
    border-width: 0px;
    background-color: rgb(50, 218, 162);
    font-weight: bolder;
    font-size: 20px;
}

.offer3{
    display: flex;
    width: auto;
    background-color: rgb(72, 218, 218);
    background-image: url(images/CAMP-BG.webp);
    background-size: cover;
    padding: 5%;
}

.offer3 img{
    width: 40%;
    margin-left: 15%;
}

.offer3 section{
    margin-right: 25%;
    text-align: left;
    color: white;
}

.offer3 h1{
    text-align: left;
    font-size: 55px;
    line-height: 2px;
    color: rgb(79, 229, 255);
}
.offer3 h4{
    color: rgb(67, 184, 223);
}

.offer3 button{
    color: white;
    padding: 5%;
    width: 55%;
    border-radius: 20%;
    border-width: 0px;
    background-color: rgb(50, 218, 162);
    font-weight: bolder;
    font-size: 20px;
    
}


.impactvideo {
    width: 100%;
    
    background-image: url(images/Impact-voideo-frame.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.impactvideo iframe{
    width: 60%;
    margin-left: 15%;
    padding: 5%;
    margin-bottom: 15%;
}

.prodigy{
    background-image: url(images/prodigy-background.png);
    background-size: cover;
    width: 100%;
    margin: 0;
}
.prodigy .logo{
    width: 30%;
    margin-left: 35%;
}

.prodigy .ninjaslogo{
    margin-left: 39%;
    width: 20%;
}

.prodigy .prodigytext h1{
    width: 43%;
    margin-left: 29%;
    text-align: center;
    color: #1e7ce9;
    font-family: Arial, Helvetica, sans-serif;
}

.prodigy .prodigytext h2{
    width: 39%;
    margin-left: 30%;
    text-align: center;
    color: white;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.prodigy .ninjas{
    width: 80%;
    margin-left: 11%;
}

.locations h2{
    color: grey;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
}
.locations h1{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size:40px;
    color: #1e7ce9;
    font-weight: bolder;
}
.locations h3{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: grey;
}

.locations h4{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    color: rgb(42, 42, 43);
}
.locations input{
    text-align: center;
    width: 15%;
    margin-left: 42%;
    padding: 0.5%;
}
.locations img{
    width: 25%;
    margin-left: 36%;
}

.locationfind{
    display: flex;
    width: 100%;
    
}
.locationfind .bar{
    box-shadow: 5px 5px 5px;
    border-width: 0;
}
.locationfind .search{
    position: absolute;
    width: 5%;
    background-color: rgb(50, 218, 162);
    border-radius: 5px;
    border-width: 0;
    padding: 0.5%;
    margin-left: 52.8%;
    box-shadow: 5px 5px 5px;
}

.locations button{
    color: white;
    width: 10%;
    margin-left: 45%;
    border-radius: 25% ;
    border-width: 0px;
    background-color: rgb(50, 218, 162);
    font-weight: bolder;
    font-size: 20px;
    line-height: 50px;
}

.testimonials img{
    width: 100%;
    
}

.findacenter{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: flex;
}

.findacenter img{
    width: 100%;
}

.findacenter h1{
    font-size: 50px;
    position: absolute;
    padding: 5px;
    margin-left: 39%;
    color: white;
    margin-top: 18%;
    font-weight: bold;
}
.findacenter h2{
    font-size: 40px;
    color: #1e7ce9;
    position: absolute;
    margin-left: 43%;
    margin-top: 22%;
    padding: 5px;
    font-weight: bold;
}

.findacenter button{
    color: white;
    width: 10%;
    margin-top: 25%;
    margin-left: 45%;
    border-radius: 15% ;
    border-width: 0px;
    background-color: rgb(50, 218, 162);
    font-weight: bolder;
    font-size: 20px;
    line-height: 50px;
    position: absolute;
}
.Companylinks2{
    
    width: 100%;
    background-color: rgb(75, 159, 255);
}

.Companylinks2 div{
    margin-left: 30%;
    width: 50%;
}

.bottomlogo{
 width: 10%;
 margin-left: 45%;
 border-width: 2%;
 padding: 1%;
}

.footerlinks{
    display: flex;
    flex-direction: column;
}