*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

.header{
    height: 140px;
    background-color: #000;
    z-index: 100;
}

.header a{
    font-weight: 500;
}

.hero{
    height: 700px;
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(hero.webp);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .col-7{
    margin-top: 10rem;
}

.hero .btn{
    width: 40%;
    height: 16%;
    background-color: #FC3D21;
}

.hero .btn:hover{
    background-color: #FC3D21;  
}

.mission-projects h2{
    color: #1d1d1d;
    font-weight: 400;
}

.mission-projects p{
    color: #1d1d1d;
}

.mission-projects-1{
    height: 550px;
    background: url(220826172242-01-nasa-artemis-i-moon-mars.jpg);
    background-size: 100% 100%;
}

.mission-projects-2{
    height: 550px;
    background: url(1920x0.jpg);
    background-size: 170% 100%;
    background-position: center;
}

.shaping{
    height: 700px;
    background-color: #010818;
}

.shaping-row{
    width: 79%;
}

.unlocking-row{
    height: 700px;
}

.unlocking-row .col-7{
    height: 600px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(super\ earth\ exoplanet\ space\ nasa\ hd.webp);
    background-size: 120% 100%;
}

.unlocking-row .col-11{
    width: 470px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(james\ webb\ telescope\ oldest\ galaxy.jpg);
    background-size: 120% 100%;
}

.unlocking-row .col-11:last-child{
    width: 470px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(solar\ storm\ nasa\ ai\ prediction.jpg);
    background-size: 120% 100%;
}

.exploring-cosmos .col-3{
    overflow: hidden;
}

.exploring-img{
    width: 500%;
    height: 400px;
}

.meet .row{
    width: 90%;
}

.meet .col-5{
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(Neil\ Armstrong.webp);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.meet .col-5:nth-child(2){
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(Buzz\ Aldrin.webp);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.meet .col-5:nth-child(3){
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(Sally\ Ride.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.meet .col-5:last-child{
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(John\ Glenn.jpg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.learning{
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(For-Students.webp);
    background-position: center;
    background-size: 100% 190%;
}

.learning button{
    width: 300px;
    height: 60px;
    background-color: #FC3D21;
}

.learning button:hover{
    background-color: #FC3D21;
}

.shop .card{
    background-color: #F6F6F6;
}

.shop .card img{
    width: 467px;
    height: 336px;
}

.shop .card button{
    background-color: #FC3D21;
}

.subscribe{
    height: 550px;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(subscribe.webp);
    background-position: center;
    background-size: 100% 120%;
}

.subscribe button{
    width: 300px;
    height: 60px;
    background-color: #FC3D21;
}

.subscribe button:hover{
    background-color: #FC3D21;
}

.footer{
    background-color: #000000;
}

.footer .col-3 img{
    width: 200px;
}

.facebook{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #1877F2;
}

.instagram{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-image: url(insta.jpg);
    background-size: 100% 100%;
}

.x{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #1d1d1d;
}

.youtube{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #FF0000;
}

.linkedin{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #0A66C2;
}

.pinterest{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #E60023;
}

.footer-nav{
    width: 85%;
    border-bottom: 3px solid #ffffff;
}