@import url("https://fonts.googleapis.com/css?family=Roboto");
* {
  font-family: "Roboto";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.background {
  background: url(https://assets.virtualbreak.in/files/homeBG1.jpg) no-repeat center fixed;

  /* Center and scale the image nicely */
  background-size: cover;
}

@media screen and (min-width:560px){
  .hero-text {
    width: 30vw;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    padding-top: 30vh;
    margin-left: 35vw;
  }
}
@media screen and (max-width:560px){
  .hero-text {
    width: 80vw;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    padding-top: 15vh;
    margin-left: 7vw;
  }
}



.nav-link {
  color: black;
}

.active,
a:hover {
  border-bottom: 5px solid gray;
}