@charset "utf-8";
/* CSS Document */
body {
    background: url(/images/LasVegasTrimble.png) no-repeat bottom left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:#fff;
  	background-color:#333;
  	font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
}
.jumbotronWhite {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
}
.jumbotronHeaderImg {
    background-image: url(../images/GlobeInvertGreyLite.png);
    background-size: 100% 100%;
}
.card:hover{
	 -webkit-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
	-mox-tox-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
	box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
}

.vertical-center {
      height: 100%;
      width: 100%;
      text-align: center;  /* align the inline(-block) elements horizontally */
}
.vertical-center:before {    /* create a full-height inline block pseudo=element */
      content: ' ';
      display: inline-block;
      vertical-align: middle;  /* vertical alignment of the inline element */
      height: 100%;
}
.vertical-center > .container {
      vertical-align: middle;  /* vertical alignment of the inline element */
}
@media (max-width: 768px) {
      .vertical-center:before {
        /* height: auto; */
        display: none;
  }
}
.imagebox {
  background: black;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

.imagebox img {
  opacity: 1;
  transition: 0.5s opacity;
}

.imagebox .imagebox-desc {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0px;
  color: white;
  font-size: 1.2em;
  left: 0px;
  padding: 10px 15px;
  position: absolute;
  transition: 0.5s padding;
  text-align: center;
  width: 100%;
}

.imagebox:hover img {
  opacity: 0.7;
}

.imagebox:hover .imagebox-desc {
  padding-bottom: 10%;
}
.bg-ltgrey {
	background-color: #BFBFBF;
}
div.row {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  padding: 10px;
  margin: 10px;
    }
.navbar-dark {
	background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  padding: 10px;
  margin: 10px;
}
footer a{
	color: white;
}
footer a:hover {
	color: white;
	text-decoration: underline;
	text-shadow: 1px 1px #000000;
}