.navbar {
  box-shadow: 2px 2px 15px #0a0909;
  opacity: 0.97; }
  .navbar .nav-item {
    font-size: 1.4rem; }
  .navbar #nav-logo {
    height: 65px; }

#logo {
  height: 200px;
  margin-top: 150px; }

#quote {
  margin-top: 500px;
  margin-left: 50px; }

#home {
  background: url(../img/octlogo2.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px; }

h1:after {
  display: block;
  height: 2px;
  background-color: #990000;
  content: "";
  width: 100px;
  margin: 0 auto;
  margin-top: 30px; }

.heading-blue {
  background: #181333;
  padding: 0;
  margin: 0; }

.carousel-inner {
  background: url("../img/chess4.jpg");
  background-size: cover;
  background-attachment: fixed; }

.carousel-inner {
  padding: 0 !important;
  margin: 0 !important; }

.rooms-des {
  font-size: 1.3rem;
  height: 250px; }

audio {
  margin-top: 5px;
  margin-bottom: 10px; }

#theory {
  background: url(../img/wagon2.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 400px; }
  #theory a {
    text-decoration: none; }

#ghosty {
  margin-top: -50px; }

@media (max-width: 768px) {
  #nav-logo {
    height: 70px; }

  #home {
    background: url("../img/mobileoct.JPG");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    height: 100%;
    overflow: hidden; }

  #theory {
    background: url(../img/wagon2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    overflow: hidden; }

  .carousel-inner {
    background: url("../img/chess4.jpg");
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    overflow: hidden; }

  #quote {
    margin-top: 150px; }

  .rooms {
    margin-top: 10px; }

  .rooms-des {
    height: 390px; }

  #ghosty {
    margin-top: 5px; } }
@media (max-width: 960px) {
  #logo {
    height: 150px; }

  #quote {
    font-size: 1.6rem; } }
@media (max-width: 540px) {
  .rooms-des {
    height: 470px; }

  .vid-last {
    padding-bottom: 3rem; } }
@media (max-width: 486px) {
  .rooms-des {
    height: 680px; } }
/* iOS background fix*/
@supports (-webkit-overflow-scrolling: touch) {
  #home {
    background: url(../img/mobileoct.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    min-height: 700px; }

  #theory {
    background: url(../img/wagon2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 100%; }

  .carousel-inner {
    background: url("../img/chess4.jpg");
    background-size: cover;
    background-attachment: scroll;
    height: 100%; } }