/*
 * Minimal Application level overrides
 * (things that dont make sense in a toolkit :)
 * copyright @colossal 2015
 */

/* rgba(0, 52, 158, 0.9) */

 .header-bg {
            background-image:
            linear-gradient(-45deg,
              rgba(255,255,255, 0.3),
              rgba(0, 52, 158, 1.0)), url(
"../photos/joel-filipe-aK0EmfPuktA-med.jpg");
            width: 100%;
            height: 280px;
            text-align: left;
            color: #fff;
        }
 /* ----- Updated Mar 28 ----- */

.block {
 overflow: hidden;
}

/* ----- JKB Text ----- */

.jkb-intro {
  background-color: #1258dc;
  padding: 1rem;
  border-radius: .25rem;
}

.d-block {
  display: block;
}
a.contact-num { text-decoration: underline #666666; }
a.contact-num:hover {color: #000; text-decoration: underline #999999;}

/* ----- Icon scroll down ----- */

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 30px;
  height: 55px;
  margin-top: 10px;
  /* margin-left: -20px; */
  top: 50%;
  /* margin-top: -35px; */
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}

/* navbar */
.app-navbar {
  font-size: 13px;
  letter-spacing: .15em;
}
.app-navbar .navbar-brand {
  font-size: 13px;
}

.app-navbar .nav-item + .nav-item {
  margin-left: 15px;
}

.app-navbar .collapsing .nav-item + .nav-item,
.app-navbar .collapse.show .nav-item + .nav-item {
  margin-left: 0;
}

/* intro block */
.app-block-intro {
  padding-top: 20px;
}
.app-block-intro img {
  width: 80%;
  margin-bottom: -45%;
}

/* block img */
.app-block-game img,
.app-block-stats img {
  width: 100%;
}
@media (max-width: 480px) {
  .app-block-game-img {
    transform: scale(1.5) !important;
  }
  .block-height-75 {
    display: table;
    width: 100%;
   }
   .header-bg {
              background-image:
              linear-gradient(-45deg,
                rgba(0, 39, 117, 0.3),
                rgba(0, 52, 158, 0.9)), url(
  "../photos/joel-filipe-aK0EmfPuktA-med.jpg");
              width: 100%;
              height: 560px;
              text-align: left;
              color: #fff;
          }
}

/* stats hr */
.app-block-stats hr {
  width: calc(80% + 60px);
}

/* design block */
.app-block-design > .container > .row {
  z-index: 2;
}
.app-pos-r {
  position: relative;
}

.app-block-design-img {
  margin-top: -60px;
  margin-left: -450px;
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .app-block-design-img {
    margin-top: -220px;
    margin-left: 0;
  }
}

/* footer block */
.app-block-footer {
  background-color: rgb(10, 51, 127);
  color: rgba(255, 255, 255, .5);
  font-size: 1.5rem;
}

.app-block-footer a {
  color: rgba(255, 255, 255, .75);
  text-decoration: none;
}
.app-block-footer a:hover {
  text-decoration: underline;
}

/* transforms */
.app-translate-15 {
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}
.app-translate-50 {
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.app-translate-5 {
  -webkit-transform: translateY(5%);
      -ms-transform: translateY(5%);
          transform: translateY(5%);
}
.app-translate-10 {
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}


/* brand */