body,
html {
  height: 100%;
  margin: 0;
}
.logo {
  position: relative;
  margin-top: -35px;
}
.logo1 {
  top: -30px !important;
  animation: bounceIn 1s;
}
.lettered-logo {
  animation: bounceIn 1s;
}
.bg {
  background: url("../img/ScreenShots/LeftSideCastle3.JPG") no-repeat fixed 100%;
  /* The image used */

  /* Full height */
  height: 120%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  opacity: 0.5;
}

.white-bg {
  position: absolute;
  top: 0;
  height: 120%;
  background-color: #fff !important;
  left: 10.3%;
  right: 10%;
  margin: auto;
  text-align: center;
  z-index: 1000 !important;
  /* border-left: 1px solid #2F4F4F;
  border-right: 1px solid #2F4F4F; */
}

.navbar {
  position: fixed !important;
  top: 0;
  left: 10.3%;
  right: 10%;
  margin: auto;
  text-align: center;
  z-index: 1002;
}
.navbar-nav.navbar-center {
  position: fixed !important;
  left: 50%;
  transform: translatex(-50%);
}

.navbar-dark {
  opacity: 0.95 !important;
}

.container {
  margin-top: 15px !important;
}

.logo-container {
  position: absolute;
  left: 10.3%;
  right: 10%;
  z-index: 1001;
  top: 80px;
  color: black !important;
  text-align: center;
}
.games-container {
  position: absolute;
  left: 10.3%;
  right: 10%;
  z-index: 1001;
  margin-top: px;
  color: black !important;
  text-align: center;
}
.w-custom {
  width: 1000px !important;
}
.games-title {
  font-size: 80px;
  font-family: "Alumni Sans", sans-serif;
  font-weight: bold;
  margin-top: 75px;
}

.main-text {
  position: absolute;
  margin-top: -350px;
  left: 0;
  right: 0;
  text-align: center;
}
.welcome-message {
  color: white;
  /* font-family: "Roboto", "Arial"; */
  font-family: "Alumni Sans", sans-serif;
  font-weight: bold;
  font-size: 60px !important;
  text-transform: uppercase;
  animation: backInDown 1s;
}
.gaming {
  color: white;
  /* font-family: "Roboto", "Arial"; */
  font-family: "Alumni Sans", sans-serif;
  font-weight: bold;
  font-size: 50px !important;
  text-transform: uppercase;
  animation: backInLeft 2s;
}
.allgames-container {
  animation: fadeIn 4s;
}
.watch-os {
  margin-top: -20px !important;
}

green {
  color: green !important;
}
gray {
  color: #606060 !important;
}
white {
  color: white !important;
}
black {
  color: black !important;
}
hr {
  background-color: white !important;
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar {
    padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
}

@media screen and (max-width: 1460px) {
  .carousel-container {
    margin-right: 10% !important;
    margin-left: 10% !important;
    width: 75% !important;
    height: 70% !important;

    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center !important;
  }
}