/* General */

@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');

body { 
  background: #1f1f1f url('../img/luckydevil-background-1.jpg') no-repeat center center; 
	background-attachment: fixed;
	background-size:  cover; 
	color:#fefefe;
	font-family: 'Oxygen', sans-serif;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p {
  font-family: 'Oxygen', sans-serif;
}


.pd-bottom {
	padding-bottom: 30px;
}

.pd-bottom-md {
  padding-bottom: 60px;
}

.sm-pd-bottom {
	padding-bottom: 15px;
}

.splashWrap { 
  height: 600px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -300px; /* half the height of the element */
  padding: 0px 30px;
}

.splashWrap .contentRow h3 { 
 	font-weight: 500;
  font-size:1.9em;
}

.splashWrap .contentRow p { 
  font-size:1.3em;
}

.splashWrap .btnRow .button {
    padding: 1em 1.5em;
    border: 2px solid #d42c21;
    border-radius: 32px;
    background-color: #d42c21;
    color: #fefefe;
    -webkit-transition:all 300ms ease;
  	-moz-transition: all 300ms ease;
  	-o-transition: all 300ms ease;
  	transition: all 300ms ease;
    font-size:1.3em;
    font-weight: 700;
}

.splashWrap .btnRow .button:hover, 
.splashWrap .btnRow .button:focus {
    border: 2px solid #fefefe;
    background-color: transparent;
    color: #fefefe;
}

.splashWrap .socialRow .socialBtn {
    display:inline-block;
    padding:0px 10px;
    -webkit-transition:all 300ms ease;
  	-moz-transition: all 300ms ease;
  	-o-transition: all 300ms ease;
  	transition: all 300ms ease;
    color:#fefefe;
}

.splashWrap .socialRow .socialBtn i {
    color:#fefefe;
}

.splashWrap .socialRow .socialBtn:hover {
    opacity: .8;
}

.splashWrap .infoRow p { 
  font-weight: 500;
}

.splashWrap .infoRow p span {
  font-weight: 700; 
  font-size:1.1em;
  color: #d42c21;
}

.splashWrap .infoRow a {
  color:#fefefe;
  text-decoration: underline;
  -webkit-transition:all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.splashWrap .infoRow a:hover {
  color: #d42c21;
}

@media screen and (max-width: 639px) {

  .splashWrap .btnRow .button {
    padding: .9em 1.3em;
    font-size:1em;
}

	.splashWrap .infoRow p span {
		white-space: pre;
	}
	h3, .h3 {
	    font-size: 1.9375rem;
	}
}