@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color:#f2f2f2;
}
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif !important;
}
}
h1 {
	font-weight:100;
	font-size:48px;
}
h2 {
	font-weight:500;
}
.navbar-brand {
	font-weight:100;
	font-size:24px;
	text-transform:uppercase;
}
.black {
	background-color:#000;
	color:#f2f2f2;
}
.dark{
	background-color:rgba(0,0,0,0.50);
}

.jumbotron {
	/* background:url(../images/7Collage2.jpg) center top no-repeat #000000;*/
	background-color:#111;
	height:460px;
	overflow:hidden;
	}
.ohmTitle {
    position: relative;
    bottom: -236px;
    left: 10%;
}
.titles a {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}

.btn-default
{
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    border-radius: 0;
    background-color: transparent;
}
p {
	margin-bottom:16px;
}
.block{
	display:block;
}
.small-gray {
	font-size: 12px;
    color: gray;ß
}
.bigGhost {
	height:100%;
  	animation: 
    pulse 28s ease infinite alternate, 
    nudge 28s linear infinite alternate;
}
.animWin {
	width:100%;
	overflow:hidden;
	height:800px;
}
	
@keyframes nudge {
  0%, 100% {
    transform: translate(2200px, 0);
  }
  
  100% {
    transform: translate(-2250px, 0);
  }
  
  200% {
    transform: translate(2250px, 0);
  }

}

.parallax {
    /* The image used */
    background-image: url("img_parallax.jpg");

    /* Set a specific height */
    min-height: 700px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}