#title {
		background-color:#3bf376;
	}
	
	#main {
		min-height: auto;
	}
	
	#main .shout {
    position: absolute;
    display: table;
    z-index: 200;
    left: 55%;
    color: white;
    text-align: left;
/*     background-color: red; */
    height: 100%;
    width: 40%;
    padding: 25px;
		
	}
	
	#main .shout-content {
		display: table-cell;
		vertical-align: middle;
	}
	
	#main .overlay {
		background-color:rgba(0,0,0,0.7);
	}

	.umbrella-nav {
 		background-color:rgba(62,16,108,0.81);
	}
	
	.nav-scroll {
		background-color: var(--purple);
		position: fixed;
	}
	
	.nav-top, .nav-clear .nav-top  {
		display: inline-block;
	}

	.nav-login {
		float:right;
		height:40px;
		line-height: 40px !important;
		margin-top: 15px;

	}
	
	.nav-login a {
		display: block;
		background-color: var(--green);
		padding:0 10px;
		border-radius: 10px;
		font-size: 17px;
	}
	
	.nav-login a:hover {
		background-color: white;
	}
	
	.error {
		color:red;
		font-size: 12px;
	}
	
	.input-error {
		border-color: red;
	}
	
	#main .cta-btn {
		border-color:white;
		color:white!important;
	}
	
	#main .cta-btn:hover {
		color:var(--green)!important;
		background-color: white;
	}
	
	#how {
		background-color: var(--purple);
		color:white;		
	}
	#about,#main {
		background-color: var(--green);		
	}

	#signup,#signup-form {
		background-color: var(--purple);		
	}
	
	#about-context,#games {
		background-color:#effaff;
	}
	
	#points {
		background-color: #fffbef;
	}
	
	nav .logo {
    width: 200px;
	}	
	
	#games {
		 text-align:center;
		 color:#222;
	}
	
	.game-store-btns {
		background-color: var(--purple);	
	}	
	
	.game-store-btns small {
		display:block;
		text-align:center;
		color:white;
	}
	
	#contact {
		padding: 30px;
	}
	
	.cta-btn {
		background-color: transparent;
	}
	
	.left-hand {
		position:absolute;top:200px;left:-4%;z-index:150;max-width:30%;
	}
	
	.right-hand {
		position:absolute;top:50px;right:0;z-index:150;max-width:30%;
	}
	
	
@media (max-width: 768px) {
	    .umbrella-nav ul li {
		font-size: 16px !important;
	}
	body {
		font-size: 16px;
	}
	h1, .h1 {
    font-size: 30px;
}

.shout-content img {
	margin-top: 20px;
}

	}
	
/*
	@media (max-height: 568px) {
		#ctas {
			display:none;
		}
	}
*/
	
	
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#main .shout {
		z-index: 200;
		left:0;
		width:100%;
		padding: 30px;
		text-align: center;
		
	}
	
		.nav-login {
		float:right;
		height:40px;
		line-height: 40px !important;
		margin-top: 15px;

	}
	
	.nav-login a {
		display: block;
		background-color: var(--green);
		padding:0 10px;
		border-radius: 10px;
		font-size: 17px;
	}


	
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .right-hand {
    	right:-8%;
    }
    
    .left-hand {
	    left:-12%;
    }
    
    .umbrella-nav ul li {
		font-size: 19px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .right-hand {
    	right:-4%;
    }
    .left-hand {
	    left:-8%;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1400px) {
    .right-hand {
    	right:-4%;
    }
    .left-hand {
	    left:-8%;
    }
}