html {
  position: relative;
  min-height: 100%;
}

body {
  background: url('../img/skyline.png') repeat-x center bottom #fbfbfb;
  background-size: 100% auto;
  margin-bottom: 200px; /* Margin bottom by footer height + "margin" */
  font-family: 'Oxygen', sans-serif;
  line-height: 1.9;
}

.navbar-main {
  background: transparent !important;
  min-height: 5rem;
}

.navbar-brand {
  opacity: 0.4;
  transition: opacity 0.3s;
}

.navbar-brand:hover {
  opacity: 1;
}

.jumbotron {
  background-color: transparent;
  margin-bottom: 0;
  text-align: center;
}

.v-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.youtube-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px;
  font-size: 0.8em;
  color: #6c757d;
  overflow: hidden;
}

.github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
  0%,
  100% {
    transform: rotate(0)
  }
  20%,
  60% {
    transform: rotate(-25deg)
  }
  40%,
  80% {
    transform: rotate(10deg)
  }
}

@media (max-width:991px) {
  .github-corner {
    display: none;
  }
}