/* 
    -------------------------------------------------- */

    html { 

    }

    body {
        background-image: url(../img/noisy_net.png); 
        font-size: 25px;
    	font-family: Ubuntu;
    	font-weight: 500;
    }

	footer {
		color:#eee;
	}

	nav {
		font-size: 1.3em;
		font-family: Ubuntu;
		font-weight: 500;
	}

    a {
    	color:inherit;
    }
    a:focus,a:hover{
    	color:inherit;
    	text-decoration: none;
    }

    /* 
    -------------------------------------------------- */

    .section-header {
    	max-width: 1000px;
    	margin: auto;
    	padding-top: 20px;
    }

    .section-header > span {
    	display: inline-block;
    }

    .section-copyright {
        text-align: center;
        padding-bottom: 40px;
        font-size: 0.75em;

		text-shadow:
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;        
    }

    .section-copyright > span {
    	padding:10px;
    }

    /* 
    -------------------------------------------------- */

    .logo {
    	width:300px;
    	min-height: 120px;
    }

    .logo > img {
    	position: absolute;
		z-index: 30;
		transform: rotate(-10deg);
    }

    /* 
    -------------------------------------------------- */

	.tab_holder {
		text-align: center;
		margin-bottom: 30px;
	}

	.game_tab {
		position: relative;
		width: 280px;
		height: 402px;
		display: inline-block;
		margin: 0px 5px 5px 5px;
	}

	.game_tab .idle_image{
		position:absolute;
		top:0px;
		left:0px;
		width: 280px;
		height: 402px;
		opacity: 100;
	}
	
	.game_tab .hover_video{
		position:absolute;
		left:10px;
		top:10px;
	}
	
	.overlay {
		pointer-events: none;
		position:absolute;
		top:0px;
		left:0px;
		width: 280px;
		height: 402px;
	}
	

	.hover_show	{	
		opacity: 0;
	}
	
	.game_tab:hover .hover_show	{	
		opacity: 1;
	}
	
/* */

    .social-button {
        font-size: 35px;
        padding: 0px 10px 5px 10px;
        color: #fff;
		-webkit-transition: color 0.25s ease;
		-moz-transition: color 0.25s ease;
		-ms-transition: color 0.25s ease;
		-o-transition: color 0.25s ease;
		transition: color 0.25s ease;
		display: inline-block;

		text-shadow:
     -2px -2px 0 #000,  
      2px -2px 0 #000,
      -2px 2px 0 #000,
       2px 2px 0 #000;
       /*-webkit-text-stroke: 2px black;*/
    }

	.social-button > i {
		padding-right: 5px;
	}

    .social-button:hover{
    	color: #77f;
    }

	.skew-1 {
		transform: rotate(5deg);
	}
	.skew-2 {
		transform: rotate(-4deg);
	}
	.skew-3 {
		transform: rotate(2deg);
	}
	.skew-1:hover {
		transform: rotate(5deg) scale(1.1);
	}
	.skew-2:hover {
		transform: rotate(-4deg) scale(1.1);
	}
	.skew-3:hover {
		transform: rotate(2deg) scale(1.1);
	}

	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}

	.navbar-toggle {
		font-size: 25px;
	}