.container{
	background:url(../img/main_bg.jpg) no-repeat center;
	max-width: 100%;
	background-size: cover;
	color: #fff;
	font-family: Roboto;
	
	}
	
	
	#header {
	
		background: rgba(0,0,0,0.6);
		padding: 10px 20px;
	}
	.logo img{
	
		max-width: 160px;
		height: auto;		
			
	}
	#promo_copy{
	
		padding: 40px;
		min-height: 70vh;
				
	}
	
	#promo_copy  h2 {
	
		font-family: "Roboto Condensed";
		font-size: 120px;
		line-height: 103px;
		font-weight: 700;
		text-transform: uppercase;
	
	}
	
	#promo_copy  p {
	
		font-size: 18px;
		margin-top: 20px;
		hyphens: auto;
	
	}
	
	
	#promo_image img{
	display: none;
		max-width: 100%;
		height: auto;
	
	}
	#main_cta a{
	
		border-radius: 5px;
		background-color: #de0b5e;
		color: #fff;
		font-size: 42px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		padding: 16px 46px;
		display: inline-block;
		margin-top: 16px;

	}
	
	#steps{text-align: center;}
	
	#supported{background: #e8e8e8;}
	#payment_processors{background: #000;}
	
	.supported_icon, .payment_icon {display: none; margin: 10px;}
	
	#terms{background: #10111c}

	#supported, #payment_processors, #terms {
	
		padding: 10px;
		text-align: center;
		
	}
	
	/* steps */

	.step{
	
		background: rgba(0,0,0,0.7);
		padding: 20px;
		
				
	}
	.step_text {
	
		color: #fff;
		font-size: 32px;
		text-align: center-left;
		
	}
	
		.step_text  a{
	
		color: #fff;
		font-size: 32px;
		text-align: center-left;
		text-decoration: none;
	}
	.circled_number {
		display: inline-block;
		border-radius: 50%;
		width: 120px;
		height: 120px;
		padding: 6px;
		background: transparent;
		border: 8px solid #fff;
		color: #fff;
		text-align: center;
		font-size: 60px;
		animation: glow 1s infinite alternate;
	}
	
	
	
	/* animations */
	@keyframes glow {
	  from {
		box-shadow: 0 0 10px -10px #de0b5e;
	  }
	  to {
		box-shadow: 0 0 10px 10px #de0b5e;
	  }
	}
	

	/* media queries */
	@media screen and (max-width: 786px) {
	
		.container{
		text-align: center;
		 background:url(../img/mobile_bg.jpg);
       }
	
	#promo_image img {
	display: inline;
	}
		


		#promo_copy {
			
			padding: 20px;
			
		}
		
		#promo_copy h2 {
			
			font-size: 80px;
			line-height: 86px;
			
		}
		
		#main_cta a{
	
			font-size: 42px;
			font-weight: 700;
			text-transform: uppercase;
			text-decoration: none;
			padding: 16px 26px;

		}
		
		.circled_number {
		
			width: 80px;
			height: 80px;
			padding: 3px;
			border: 6px solid #fff;
			font-size: 40px;
			
		}
		.step_text {
			margin-top: 20px;
			font-size: 24px;
		}
	}


	@-ms-viewport{
	width: device-width;
	}