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

.fixed-top {
  position: absolute !important;
}


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

.top-nav-collapse {
  background-color: #78909c !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #78909c !important;
  }
}

h1 {
  letter-spacing: 8px;
  color: #fff;
  font-size: 7vw;
}

h5 {
  letter-spacing: 3px;
  color: #fff
}

.hr-light {
  border-top: 3px solid #fff;
  width: 80px;
}

#headings {
    position: relative;
    top: 250px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 80%;
  border-radius: 10px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
  border-radius:10px;
}

h2, h4 {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 100;
}

#portfolio {
  background-color: lightgray;
}

.card-body{
  text-align: center;
}

body {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

#email {
  background-color: lightgray;
  text-align: center;
}

ul {
  padding: 30px;
}

li {
  display: inline;
  padding-left: 15px;
  color: white;
}

#links {
  background-color: rgb(24, 24, 24);
  text-align: center;
  color: white;
}

a.links:link {
  color: white;
  text-decoration: none;
}

a.links:visited {
  color: white;
  text-decoration: none;
}

a.links:hover {
  color: grey;
}

img {
  border-radius:10px;
}

#navBarSupportedContent-7 {
  position: absolute;
}