@font-face {
    font-family: 'ProximaNova-Light';
    src: url('ProximaNova-Light.otf');
    font-weight: normal;
    font-style: normal;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 20px;
  padding-bottom: 20px;
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: #B7B7B7;
  font-family: 'ProximaNova-Light';
  font-size: 1.8em;
  background-color: black;
}

a {
  color: #B32F24;
}

a:hover {
  color: #B32F24;
}

.btn-success {
  background-color: #607625;
  border-color: #607625;
}

.btn-success:hover {
  background-color: #607625;
  border-color: #607625;
}


.btn-success:hover {
  background-color: #607625;
  border-color: #607625;
}

h2 {
  font-size: 2.0em;
  color: white;
}

.jumbotron {
  height: 500px;
}

span.highlight {
  font-weight: bold;
  font-size: 1.1em;
}

.home {
  background-image: url('images/backlit_keyboard_02.jpg');
  color: white; 
  background-position: center; 
  text-shadow: 0 0px 8px rgba(0,0,0,1);
  text-align: center;
  background-color: black;
}

.contact {
  background-image: url('images/backlit_keyboard_02.jpg');
  background-color: black;
  color: white; 
  background-position: center; 
  text-shadow: 0 0px 8px rgba(0,0,0,1);
  text-align: center;
}

.testimonials {
  background-image: url('images/backlit_keyboard_02.jpg');
  background-color: black;
  color: white; 
  background-position: center; 
  text-shadow: 0 0px 8px rgba(0,0,0,1);
  text-align: center;
}

.development {
  background-image: url('images/backlit_keyboard_02.jpg');
  background-color: black;
  color: white; 
  background-position: center; 
  text-shadow: 0 0px 8px rgba(0,0,0,1);
  text-align: center;
}

.workshops {
  background-image: url('images/10_coderetreat_1920.jpg');  
  background-color: black;
  color: white; 
  /*background-position: center; */
  background-position: bottom;
  text-shadow: 0 0px 8px rgba(0,0,0,1);
  text-align: center;
}


.collaboration {
  background-image: url('images/hands-holding-jigsaw.jpg');  
  color: #FF4000; 
  background-position: center;
  background-color: white;
  background-repeat: no-repeat;
  text-align: center;
}



.ctas {
  padding: 20px;
  margin-top: 100px;
}

.ctas .btn {
  margin-right: 20px;
  padding: 12px;
  font-size: 0.9em;
  margin-top: 20px;
}

.companies .row {
   background-color: white;
}

.companies img {
  padding: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.picture-band-footer p {
  text-align: right;
  font-size: 0.8em;
}

@media (max-width: 768px) {

  body {
    font-size: 1.6em;
  }

  h2 {
    font-size: 1.5em;
  }

}