.logo{
   max-width: 180px;
}
.nav-link{
    color: #ffffff !important;
    font-size: 14pt !important;
}

.start{
    margin-top: 250px;
}

.main{
    width: 100vw;
    height: 100vh;
    background: url('../images/ilon.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(60%);
    background-attachment: fixed;
}


.mainsp{
    width: 100vw;
    height: 100vh;
    background: url('../images/spacexxx.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(60%);
    background-attachment: fixed;
}



         .btn-grad {
            background-image: linear-gradient(to right, #16222A 0%, #3A6073  51%, #16222A  100%);
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }



.mainx{
    width: 100vw;
    height: 100vh;
    background: url('../images/x.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(60%);
    background-attachment: fixed;

}



.maini{
    width: 100vw;
    height: 20vh;
    background: url('../images/back.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(50%);
    background-attachment: fixed;

}

.mains {
        width: 100vw;
    height: 100vh;
    background: url('../images/tesla_main.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(50%);
    background-attachment: fixed;
}

.back {
 background: url('../images/tesla_main.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(50%);
    background-attachment: fixed;
}

.text {
    text-align:  center;
}



         .btn-grad1 {
            background-image: linear-gradient(to right, #FC354C 0%, #0ABFBC  51%, #FC354C  100%);
            margin: 0px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 0px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }







         .btn-grad3 {
            background-image: linear-gradient(to right, #0cebeb 0%, #20e3b2  51%, #0cebeb  100%);
            margin: 7px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 70px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }



         .btn-grad-s {
            background-image: linear-gradient(to right, #16222A 0%, #3A6073  51%, #16222A  100%);
            margin: 0px;
            padding: 5px 5px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 0px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }


         .btn-grad-b {
            background-image: linear-gradient(to right, #232526 0%, #414345  51%, #232526  100%);
            margin: 0px;
            padding: 5px 5px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 0px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

.loc {
    right: 0 !important;
    left: 5% !important;
    text-align: start !important;
    padding-bottom: 8rem !important;
}

.space {
    width: 15% !important;
    height: 110% !important;
}

.text {
    font-weight: 1000 !important;
    font-size: 120pt;
    top: 200px;
    position: relative;
}

.text-s {
    font-weight: 1000 !important;
    font-size: 120pt;
    top: 540px;
    position: relative;
}



.height {
    height: 100%;
}