body {
  background: url(../images/bg5.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-card-img
{
	background-image: url(../images/centermid.png);
  background-repeat: repeat-y;
	background-size:100% auto;
}

.col-divider
{
	padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
}

.footer {
	background-color: rgba(0, 0, 0, 0.2);
}

.highlight
{
	color:#ff8e00;
}

h4, h5, h6
{
	color:#ff8e00;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {
	.row.vertical-divider {
	  overflow: hidden;
	}
	.row.vertical-divider > div[class^="col-"] {
	  padding-bottom: 100px;
	  margin-bottom: -100px;
	  border-left: 1px solid #777777;
	  border-right: 1px solid #777777;
	}
	.row.vertical-divider div[class^="col-"]:first-child {
	  border-left: none;
	}
	.row.vertical-divider div[class^="col-"]:last-child {
	  border-right: none;
	}



}

.screenshot
{
  width:100%;
}

@media (max-width : 768px) {
    nav img
    {
      width:75%;
    }


}


h4 {
	text-shadow: 
	rgba(0, 0, 0, 0.2) 0px 3px 2px, /* Subtle depth */
	rgba(0, 0, 0, 0.15) 0px 5px 4px, 
	rgba(0, 0, 0, 0.1) 0px 8px 6px;
}

button, a.button {
	
		background-color: #D47F30  ;
		border-radius: 100px;
		box-shadow: rgba(0, 0, 0, 0.2) 0 -12px 9px -7px inset,
				  rgba(0, 0, 0, 0.15) 0 0.5px 1px,
				  rgba(0, 0, 0, 0.15) 0 1px 2px,
				  rgba(0, 0, 0, 0.15) 0 2px 4px,
				  rgba(0, 0, 0, 0.15) 0 4px 8px,
				  rgba(0, 0, 0, 0.15) 0 8px 16px;
		color: #000;
		font-weight:bold;
		cursor: pointer;
		display: inline-block;
		padding: 7px 20px;
		text-align: center;
		text-decoration: none;
		transition: all 250ms;
		border: 1px solid black;
		font-size: 16px;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
	  
	  
}

button:hover, a.button:hover {
	background-color:#ff993a  ;
	box-shadow: rgba(33,33,33,.35) 0 -25px 18px -14px inset,rgba(33,33,33,.25) 0 1px 2px,rgba(33,33,33,.25) 0 2px 4px,rgba(33,33,33,.25) 0 4px 8px,rgba(33,33,33,.25) 0 8px 16px,rgba(33,33,33,.25) 0 16px 32px;
	color:#fff!important;
	text-decoration: none;
  }

  h4 b {
	color:#ffa046;
  }

  h4 b a {
	color:#ffa046;
  }

  a:hover {
	color:#fff!important;
	text-decoration: none;
  }
