body {
  font-family: 'Montserrat';
  background: white url("../img/bg-prontera.jpg") no-repeat;
  background-size: cover;
}

.ro-header {
  background: #000000 url("../img/header.jpg") center 0px no-repeat;
  height: 370px;
  width: 100%;
  text-align: center;
}

.ro-logo-container {
  position: relative;
  width: 250px;
}

.ro-logo {
  display: block;
  width: 250px;
  position: absolute;
  margin-top: -90%;
}

.basicbar {
  background: #000;
  margin-bottom: 2rem;
}

.basicbar a.nav-item {
  width: 90px;
  color: #606060;
  border-radius: 1rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.5rem;
  letter-spacing: 2px;
}

.basicbar a.nav-item:hover {
  color: #606060;
  background: #252525;
}

.basicbar a.nav-item img {
  margin: 0 auto;
  display: block;
}

p {
  margin-bottom: 0;
}

.subtitle {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 2px;
}

.ro-status {
  min-height: 408px;
}

.ro-status h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2rem;
}

.kafra {
  background: url("../img/kafra.png") no-repeat;
  background-position: right bottom;
  height: 408px;
}

/*
    Login Box
*/
.ro-login-menu-container {
  margin: 1rem;
}

.ro-login-menu {
  background: #eee;
  padding: 0.75rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.5rem;
  letter-spacing: 2px;
  text-align: center;
  width: 80px;
  display: inline-block;
  margin: 0.25rem;
}

.ro-login-menu:hover {
  background: #ddd;
}

.ro-login-menu.ro-logout {
  background: #dc3747 !important;
}

.ro-login-menu.ro-logout a {
  color: white;
}

.ro-login-menu img {
  display: block;
}

.ro-login-menu a {
  color: #131313;
}

/*
    Getting Started
*/
#getting-started {
  background: linear-gradient(rgb(11, 11, 11), rgb(21, 21, 21));
  width: 100%;
  color: white;
  padding: 2rem;
}

#getting-started .container {
  min-height: 452px;
}

#getting-started .novice {
  background: url("../img/novice.png") no-repeat;
  background-position: right bottom;
  min-height: 452px;
}

#footer {
  color: #505050;
  background: #101010;
  padding: 2rem;
}

#footer a {
  color: #808080;
}

/*
Showcase
*/
#showcase {
  padding: 2rem;
  background: white url("../img/bg-ro2.jpg") no-repeat;
  background-size: cover;
  min-height: 400px;
}

.woe-knight {
  background: url("../img/woe-knight.png") no-repeat;
  background-position: left bottom;
  height: 502px;
}

/*
Bootstrap Mods
*/
.adminbar {
  background: #000;
}

.ro-container {
  padding-bottom: 0;
}
/*# sourceMappingURL=main.css.map */