/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
   font-weight: normal !important;
}

/* Custom default button */
.btn {
  color: #FFFFFF;
  text-shadow: none; /* Prevent inheritence from `body` */
  background: transparent;
  border: 2px solid #fff;
  transition: .3s ease-in-out all;
	padding: 10px 20px;
	margin: 25px 10px 0;
	border-radius: 2px;
	font-size: 1.5em;
	 font-weight: normal !important;
	 cursor: pointer;
	 }

.btn:hover,
.btn:active,
.btn:focus 
{
	border: 2px solid rgba(255, 255, 255, .75);
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

/*
 * Base structure
 */

html,
body {
 font-weight: normal !important;
height: 100%;
background: url(../img/cover-image.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/cover-image.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cover-image.jpg', sizingMethod='scale')";
}

body {
  color: #fff;
  text-align: center;
  _text-shadow: 0 1px 3px rgba(0,0,0,.5);
  font-size: 1em;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/*
 * Header
 */
.masthead {
	width: 100%;
	background: #5f6262;
	padding: 20px 0px;
}

.masthead h1 {
	font-size: 1.15em !important;
	  letter-spacing: .75px;
	  width: 80%;
	  margin: 0px 10%;
	  font-weight: lighter !important;
}


.container img {
	width: 100%;
	max-width: 350px;
	margin: 0px 0px;
}

/*
 * Footer
 */

.mastfoot {
  background: #b71e3e;
	color: #ffffff;
  padding: 30px 0px;
  letter-spacing: .75px;
  font-weight: normal !important;
}

.mastfoot p {
	font-size: 1.15em;
	width: 80%;
	margin: 0px 10%;
	 font-weight: normal !important;
}

/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
.inner {
	max-width: 1000px;
	margin: 0 auto;
}

.container .col-sm-6 {
	margin-top: -80px;
}


}
