/*
Sources of materials include:
https://unsplash.com/
https://fonts.google.com/
*/

html, body{
  height: 100%;
}

.navbar{
  opacity: 0.9;
}

#navbarCustomBrand{
  color:#f0f0f0;
}

#homepageMainCover{
  /*min-width: 800px;*/
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  /*background: url(../img/star_night.jpg) no-repeat center center fixed; */
  /*background image found: https://unsplash.com/photos/fGbxW4TDTQU used under https://unsplash.com/license */
  background: url('../public_media/comingsoon_boardroom_light.jpg') no-repeat fixed; /* center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: 100%;*/
  z-index: 0px;
}

#homepageMainCover > h1{
  font-family: 'Lobster', cursive;
  color:#000;
  font-size: 8vw;
}

#vertText {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


/*http://stackoverflow.com/questions/8508275/how-to-center-a-position-absolute-element*/
#contactUsBtn{
  position: absolute;
  top: 80%;  /* position the top  edge of the element at the 8/10th of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */

  transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
  -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}


#contactUsBtn>a{
  color: #fff;
}