@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;

  font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
}

/* all similar content styling codes */
.firstpage {
  background-image: url("assets/images/bg1.svg");
  height: 70vw;
}
a:hover {
  cursor: pointer;
}
.max-width {
  max-width: 1300px;
  padding: 0 80px;
  margin: auto;
}

.navbar {
  width: 100%;
  height: 10%;
  z-index: 999;
  padding: 10px 0;
  font-family: "Poppins", sans-serif;
  transition: all 0.3s ease;
}

#logo {
  position: absolute;
  width: 13vw;
  left: 4vw;
  padding: 0vw;
  margin: 0vw;
}
#isrologo {
  position: absolute;
  width: 6vw;
  left: 18vw;
  padding: 0vw;
  margin: 0vw;
}

#wswlogo {
  position: absolute;
  width: 14vw;
  left: 26vw;
  padding: 0vw;
  margin-top: 1.5vw;
}
.navbar .max-width {
  display: flex;
  float: right;
  justify-content: space-between;
}

.navbar .menu li {
  list-style: none;
  display: inline;
}
.navbar .menu li a {
  display: block;
  color: rgb(0, 0, 0);
  font-size: 25px;
  font-weight: 500;
  margin-left: 25px;
  text-align: center;
  margin-top: 20px;
  transition: color 0.3s ease;
  float: right;
}
.navbar .menu li a:hover {
  color: rgb(255, 255, 255);
}
#reg:hover {
  background-color: white;
  color: black;
}
#reg {
  border-radius: 50px;
  width: 10vw;
  color: #8ea0fb;
  background-color: black;
}
#rocket {
  position: absolute;
  width: 649.75px;
  height: 533.17px;
  left: 43px;
  top: 296px;
}

#ws {
  margin-left: 60vw;
  margin-top: 20vw;
  font-family: "Poppins", sans-serif;
  font-size: 5vw;
  font-weight: 700;
}

#w {
  margin-left: 60vw;
  margin-top: 0.1vw;
  font-family: "Poppins", sans-serif;
  font-size: 5vw;
  font-weight: 1700;
}
.spaceweek {
  position: relative;
  background-image: url(assets/images/abt_spaceweek_bg.svg);
  font-family: "Poppins", sans-serif;
  height: 55vw;
}
.spaceweek img{
  position: absolute;
  left: 10vw;
  width:28vw;
}
#wsw_first {
  margin-right: auto;
  margin-left: auto;
  margin-top: 5vw;
  text-align: center;
  width: 70vw;
  font-size: 1.4vw;
}
#wsw_sec {
  font-size: 1.4vw;
  width: 60vw;
  left: 5vw;
  margin-left: auto;
  margin-right:auto;
  
  margin-top: 1vw;
}
span{
  text-decoration: underline;
  font-weight: 700;
}
.spaceweek ul {
  position: absolute;
  font-size: 1.2vw;
  margin-top: 2vw;
  left: 25vw;
  bottom: 6vw;
}
.secondpage {
  align-items: center;
  margin: 0vw;
  padding: 0vw;
  background: url("2ndpage.svg") no-repeat;
  background-size: cover;
  height: 1000px;
  width: 100%;
}
.secpage-head {
  font-size: 4vw;
  padding: 0vw;
  margin: 0vw;
  padding-top: 0vw;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.row {
  width: 100%;
  display: flex;
}

.column {
  margin-top: 2vw;
  margin: 4vw;
  flex: 50%;
}

.col-1-p {
  margin-top: 2 vw;
  font-size: 1.5vw;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-align: justify;
}

.col-cap {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-align: center;
}
.col-title {
  margin-top: 1vw;
  margin-bottom: 0vw;
  text-align: center;
  font-size: 4vw;
  font-family: "Poppins", sans-serif;
}

.thirdpage {
  align-items: center;
  margin: 0vw;
  padding: 0vw;
  background: url("3rdpage.svg") no-repeat;
  background-size: cover;
  height: 800px;
  width: 100%;
}
.thirdpage-head {
  font-size: 4vw;
  padding: 0vw;
  margin: 0vw;
  padding-top: 5vw;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.column2 {
  margin-top: 2vw;
  margin: 4vw;
  margin-left: 0vw;
  flex: 50%;
}
.column3 {
  margin: 0vw;
  margin-left: 0vw;
  flex: 50%;
}
footer {
  position: relative;
  height: 30vw;
  background-color: #e9e3ff;
}

#footer_logo {
  position: absolute;
  bottom: 10vw;
  width: 25vw;
  margin-left: 70vw;
}

.connect {
  position: absolute;
  top: 25vw;
  margin-left: 2vw;
}

.contact {
  position: absolute;
  top: 4vw;
  color: grey;
  margin-left: 2vw;
  text-decoration: none;
}
.contact h1 {
  font-weight: 700;
  font-size: 2.5vw;
}
.contact a {
  text-decoration: none;
}

a:link,
a:visited {
  color: grey;
  text-decoration: underline;
  cursor: auto;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.5vw;
}
.navbar a:link,
a:visited {
  text-decoration: none;
}

#insta {
  width: 3.5vw;
  padding: 0.5vw;
  padding-left: 0.5vw;
}
.details {
  width: 80vw;
  height: 20vw;
}
.details p {
  position: absolute;
  top: 10vw;
  left: 2vw;
  font-size: 1.1vw;
  color: rgb(126, 125, 125);
  font-weight: 500;
}
.details p span {
  font-weight: 700;
}
#cont_left {
  position: absolute;
  left: 2vw;
}
#cont_right {
  left: 27vw;
}
.links_2 a {
  margin-left: 2vw;
  color: black;
  font-size: 1.8vw;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
}
.lower_image{
  background-image: url(assets/images/lower_image.svg);
  height:32vw;
  background-color: rgb(29,8,75);
}

@media screen and (max-width: 1024px) and (min-width: 200px) {
  body {
    overflow-x: hidden;
  }
  hr {
    /* display: none; */
    margin-top: 39vw;
  }
  #logo {
    position: relative;
    width: 20vw;
  }
  #wswlogo {
    display: none;
  }
  #isrologo {
    position: absolute;
    width: 20vw;
  }
  #reg {
    width: 32vw;
    margin-right: -6vw;
  }

  .firstpage {
    background-image: url("assets/images/bg1.svg");
    height: 250vw;
  }
  #logo {
    width: 37vw;

    float: top;
    padding: 0vw;
    margin-left: 33vw;
  }
  .max-width {
    margin-left: 1vw;
  }
  .menu {
    margin-right: 15vw;
  }

  .menu-btn {
    align-items: center;
    text-align: center;
    font-size: 6vw;
    text-decoration: none;
  }
  .vitisro {
    font-size: 7.5vw;
    margin-top: 25vw;
    text-align: center;
  }
  #rocket {
    display: none;
  }

  #ws {
    text-align: center;
    margin-left: 2vw;
    margin-top: 20vw;
    font-family: "Poppins", sans-serif;
    font-size: 13vw;
    font-weight: 700;
  }

  #w {
    text-align: center;
    margin-left: 10vw;
    margin-top: 0.1vw;
    font-family: "Poppins", sans-serif;
    font-size: 13vw;
    font-weight: 1700;
  }
  .spaceweek {
    height: 145vw;
  }
  .spaceweek img{
    display: none;
  }
  #wsw_first {
    float: none;
    margin-top: 5vw;
    margin-left: 5vw;
    font-size: 3vw;
    width: 90vw;
  }
  #wsw_sec {
    position: relative;
    margin-top: 5vw;
    text-align: center;
    margin-left: 3vw;
    font-size: 3vw;
    width: 90vw;
  }
  .spaceweek ul {
    font-size: 3vw;
    left: 15vw;
    bottom: 5vw;
  }

  .secondpage {
    align-items: center;
    margin: 0vw;
    padding: 0vw;
    background: url("2ndpage.svg") no-repeat;
    background-size: cover;
    height: 600px;
    width: 100%;
  }
  .secpage-head {
    font-size: 4vw;
    padding: 0vw;
    margin: 0vw;
    padding-top: 5vw;
    font-family: "Poppins", sans-serif;
    text-align: center;
  }

  .row {
    width: 100%;
    display: inline;
  }

  .column {
    margin-top: 2vw;
    margin: 4vw;
    flex: 50%;
  }

  .col-1-p {
    margin-top: 2 vw;
    font-size: 3vw;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: left;
  }

  .col-cap {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: center;
  }
  .col-title {
    margin-top: 1vw;
    margin-bottom: 0vw;
    text-align: center;
    font-size: 4vw;
    font-family: "Poppins", sans-serif;
  }

  .thirdpage {
    align-items: center;
    margin: 0vw;
    padding: 6vw;
    background: url("3rdpage_resp.svg") no-repeat;
    background-size: cover;
    height: 600px;
    width: 100%;
  }
  .thirdpage-head {
    font-size: 4vw;
    padding: 0vw;
    margin: 0vw;
    padding-top: 5vw;
    font-family: "Poppins", sans-serif;
    text-align: center;
  }

  footer {
    height: 90vw;
    border-top: 2px solid black;
  }
  #footer_logo {
    width: 45vw;
    margin-left: 30vw;
  }
  .connect {
    right: 0;
    top: 60vw;
    transform: translateX(-30vw);
  }

  .connect img {
    width: 5vw;
    margin-left: 2vw;
  }
  #insta {
    width: 7.4vw;
    margin-left: 2vw;
  }

  .contact {
    top: 0;
    margin-left: -15vw;
  }
  .contact h1 {
    margin-left: 38vw;

    font-size: 9vw;
  }

  .contact a {
    margin-left: 40vw;
    font-size: 3vw;
    text-align: center;
  }
  .connect {
    position: absolute;
    bottom: -10vw;
  }

  #footer hr {
    display: none;
  }
  footer {
    height: 80vh;
  }
  #footer_logo {
    bottom: 5vw;
  }
  .details p {
    top: 20vw;
    font-size: 4vw;
  }
  #cont_right {
    top: 55vw;
    left: 2vw;
  }
  #cont_left {
    left: 2vw;
  }
  .links_2 {
    position: absolute;
    bottom: 30vw;
    left: 17vw;
  }
  .links_2 a {
    font-size: 7vw;
  }
  .connect {
    top: 100vw;
  }
  .connect #insta {
    width: 10vw;
  }
  .lower_image{
    display: none;
  }
}