*{
  /*  border: 1px solid white;*/
}

body{
  background: #000000; /* Set background to black */
}

.jumbotron{
  background-color: #000000; /* Override jumbotron background - used for header */
}

/** 
  Settings

**/

.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.modal-content{
  background-color: transparent;
}

/** **/


/*
This rule sets the defaults for the you tube icon to overlay it over an image
*/
.youtube-play{
  opacity: 0.4;
  position: absolute;
  width: 30%;
  z-index: 10;
  left: 35%;
  top: 25%;
}

.youtube-frame{
  width: 100%;
  height: 400px;
}

.leftborder{
  width: 20px;
}

/** Forces the imagse in the grid to fill the containing div **/
.grid{
  width: 100%;
  /*padding: 1em;*/
}

.sidebar{
  width: 60px;
}

.logo{
  /* Limit the overall height of the logo */
  max-height: 244px;
}

.social{
  width: 100%;
}

h3, p{
  color: #ffffff;
}

.panel{
  background-color: #000;
  /*  padding: 1em 1em 1em 1em*/
}


.text-over-image{
  position: absolute;
  bottom: 5%;
  left: 8%;
  width: 60%;
}


/** Resize text over image on smaller screens **/
@media (max-width : 480px) {

  .text-over-image{
    font-size: 1.4em;
  }

}