@media (max-width: 740px) {
    html,
    body,
    header,
    .view {
      height: 100vh;
    }
  }

.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #2E2E2E;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #212121;
    }
}

html,
body,
header,
.view {
  height: 100%;
}

.logogradient{
  background: linear-gradient(to right,#00aeef,#b47f2b,#f8df7c,#fff4a7);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.contactBack{
  background-color: #c9ced6;
}

/* html,
body,
header,
#intro {
    height: 100%;
}
.top-nav-collapse {
    background-color: #24355C;
  }
  @media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #24355C;
    }
  }
  @media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #24355C;
    }
  } */
.wow {
  visibility: hidden;
}