/* Space out content a bit */
        body {
            padding-top: 20px;
            padding-bottom: 20px;
			background-color: #2c2f33;
        }

        /* Everything but the jumbotron gets side spacing for mobile first views */
        .header, .marketing, .footer {
            padding-left: 15px;
            padding-right: 15px;
        }

        /* Custom page header */
        .header {
            border-bottom: 1px solid #df0000;
        }

        /* Make the masthead heading the same height as the navigation */
        .header h3 {
            margin-top: 0;
            margin-bottom: 0;
            line-height: 40px;
            padding-bottom: 19px;
        }

        /* Custom page footer */
        .footer {
            padding-top: 19px;
            color: #777;
            border-top: 1px solid #df0000;
        }

        /* Customize container */
        @media (min-width: 768px) {
            .container {
                max-width: 730px;
            }
        }

        .container-narrow > hr {
            margin: 30px 0;
        }

        /* Main marketing message and sign up button */
        .jumbotron {
            text-align: center;
            border-bottom: 1px solid #df0000;
		background-color: #2c2f33;
		color: #df0000;
        }

        .jumbotron .btn {
            font-size: 21px;
            padding: 14px 24px;
            color: black;
			background-color: #df0000;
        }

        /* Supporting marketing content */
        .marketing {
            margin: 40px 0;
        }

        .marketing p + h4 {
            margin-top: 28px;
        }

	.jumbotron h1 {
		color: #df0000;
	}
	
	.jumbotron h2 {
		color: #df0000;
	}
	
		/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
	.icon-bar {
		position: fixed;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	/* Style the icon bar links */
	.icon-bar a {
		display: block;
		text-align: center;
		padding: 16px;
		transition: all 0.3s ease;
		color: white;
		font-size: 20px;
	}

		/* Style the social media icons with color, if you want */
	.icon-bar a:hover {
		background-color: #000;
	}

	.twitter {
		background: #55ACEE;
		color: white;
	}

	.twitch {
		background: #6441a5;
		color: white;
	}

	.youtube {
		background: #bb0000;
		color: white;
	}
		
        /* Responsive: Portrait tablets and up */
        @media screen and(min-width: 768px) {
            /* Remove the padding we set earlier */
            .header, .marketing, .footer {
                padding-left: 0;
                padding-right: 0;
            }

            /* Space out the masthead */
            .header {
                margin-bottom: 30px;
            }

            /* Remove the bottom border on the jumbotron for visual effect */
            .jumbotron {
                border-bottom: 0;
            }
        }