.terms-button:active
{
	background-color:#3c4655;
	color:lightgrey;
}

/* MOBILE */ 
@media only screen and (max-width: 768px)
{
	.application-contact-container
	{
		position:relative;

		margin-top:10px;
		left:0;
		width:100%;
		
		color:white;
		box-shadow:0 0 5px black;
		background-color:blue;
		z-index:100;
	}



	

	.email-container
	{
		position:relative;
		
		left:0%;
		width:100%;
		
		text-align:center;
		font-size:20px;
		padding:10px;
		
		color:white;
		
		background-color:#262626;
	}

/*
	.icons-container
	{
		position:relative;

		padding-top:10px;
		padding-bottom:10px;
		text-align:center;

		background-color:black;
		box-shadow: 0 0 5px grey;




	}

	.icon
	{
		position:relative;
		display:inline-block;

		width:50px;
		height:50px;

		margin:10px;

	}
*/
	
	.contact-text-container
	{
		position:relative;
		
		left:0%;
		width:100%;
		
		color:white;
		
		text-align:center;
		font-size:10px;
		padding:10px;
		
		box-shadow:0 0 5px;
		background-color:#333333;

	}
	
	.contact-form-container
	{
		position:relative;
		
/*		margin-bottom:50px;*/
		
		
		width:100%;
		left:0%;
		
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
		
	
		border-radius: 0 0 5px 5px;
		background-color:black;
		
	}
	
	.client-label
	{
		position:relative;
		
		margin-top:20px;
		
		left:0%;
		height:20px;
		width:100%;
		
		
	}
	
	
	
	
	.client-input
	{
		
		resize: none;
		
		width:250px;
	}
	
	.client-username-input, .client-email-input 
	{
		height:30px;
		
		padding-top:7px;
		padding-left:20px;
		
	}
	 
	.client-message-input
	{
		height:100px;
		
		padding-top:7px;
		padding-left:20px;
		
	}
	
	.contact-form-submit-button
	{
		position:relative;
		
		margin-top:20px;
		
		height:40px;
		width:200px;
		left:50%;
		margin-left:-100px;
		 
		text-align:center;
		color:white;
		font-size:18px;
		padding-top:10px;
		
		background-color:dodgerblue;
		border-radius:10px;
		
		z-index:506;

	}
	
	.contact-form-submit-button:active
	{
		background-color:blue;
		color:grey;
		box-shadow: inset 0 0 5px black;
	}
	
	.contact-form-message
	{
		position:absolute;
		
		width:100%;
		height:100%;
		top:0%;
		left:0%;
		
		text-align:center;
		font-size:16px;
		font-style:oblique;
		color:black;
		padding-top:255px;
		
		z-index:505;
	}
	
	
	
	
	/*	Social Media	*/
	.icons-container
	{
		position:relative;

		padding-top:10px;
		
		text-align:center;

		background-color:black;
		box-shadow: 0 0 5px grey;
	}

	.icon
	{
		position:relative;
		display:inline-block;

		cursor:pointer;
		
		width:50px;
		height:50px;

		margin:10px;

	}
	.terms-button
	{
		position:relative;
		
		color:white;
		
		margin:auto;
		width:200px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		
		
		border-radius:5px;
		
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		
		cursor: -webkit-pointer;
		cursor: pointer;
	}
	
	.powered-container
	{
		position:relative;
		margin-top:10px;
		padding-bottom:10px;
	}
	
	.powered-holder
	{
		position:relative; 

		margin:auto;
		width:230px;
		height:40px;	
	}
 
	.powered-text
	{
		position:absolute;

		top:0%;
		left:0%;
		height:100%;
		width:40%;

		text-align:center;
		padding-top:12px;
		font-size:14px;
		color:white; 


	}

	.powered-logo
	{
		position:absolute;

		top:0px;
		height:100%;
		left:40%;
		width:60%;

		background-image:url('../img/logo/sgaas.png');
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center;


	}

	
}
/*	End of Mobile*/



/* DESKTOP */
@media only screen and (min-width: 769px)
{
	.application-contact-container
	{
		position:relative;

		left:50%;
		width:1000px;
		margin-left:-500px;

		background-color:#9999999;
		color:white;

		padding-bottom:10px;
		
		z-index:10;
	}



	.contact-text-container
	{
		position:relative;

		text-align:center;
		color:#33333;
		font-size:14px;
		padding:10px;

	}

	.email-container
	{
		position:relative;
		
		left:0%;
		width:100%;
		
		text-align:center;
		font-size:20px;
		padding:10px;
		
		color:white;
		
		/*border-right:1px solid lightgrey;
		border-left:1px solid lightgrey;
		border-top:1px solid lightgrey;*/
		
		background-color:#262626;
/*		border-radius: 5px 5px 0 0 ;*/

	}

	.icons-container
	{
		position:relative;

		padding-top:10px;
		
		text-align:center;

		background-color:black;
		box-shadow: 0 0 5px grey;
	}

	.icon
	{
		position:relative;
		display:inline-block;

		
		
		width:80px;
		height:80px;

		margin:10px;
		cursor: -webkit-pointer;
		cursor: pointer;
	}
	
	.terms-button
	{
		position:relative;
		
		color:white;
		
		margin:auto;
		width:100%;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		
		
		
		
		border-top:1px solid white;
		border-radius:5px;
		
		user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		
		cursor: -webkit-pointer;
		cursor: pointer;
	}

	
	
	
/*			Contact Form CSS*/
	
	
	.contact-form-container
	{
		position:relative;
		
		margin-bottom:20px;
		
		
		width:100%;
		left:0%;
		
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
		
	
		border-radius: 0 0 5px 5px;
		background-color:black;
		
	}
	
	.client-label
	{
		position:relative;
		
		margin-top:20px;
		
		left:0%;
		height:20px;
		width:100%;
		
		
	}
	
	
	
	
	.client-input
	{
		
		resize: none;
		
		width:500px;
	}
	
	.client-username-input, .client-email-input 
	{
		height:30px;
		
		padding-top:7px;
		padding-left:20px;
		
	}
	 
	.client-message-input
	{
		height:200px;
		
		padding-top:7px;
		padding-left:20px;
		
	}
	
	.contact-form-submit-button
	{
		position:relative;
		
		margin-top:20px;
		
		height:40px;
		width:200px;
		left:50%;
		margin-left:-100px;
		 
		text-align:center;
		color:white;
		font-size:18px;
		padding-top:10px;
		
		background-color:dodgerblue;
		border-radius:10px;
		
		cursor: -webkit-pointer;
		cursor: pointer;
		
		z-index:506;
	}
	
	.contact-form-submit-button:active
	{
		background-color:blue;
		color:grey;
		box-shadow: inset 0 0 5px black;
	}
	
	.contact-form-message
	{
		position:absolute;
		
		width:100%;
		height:100%;
		top:0%;
		left:0%;
		
		text-align:center;
		font-size:30px;
		font-style:oblique;
		color:black;
		padding-top:280px;
		
		z-index:505;
	}
	
	
	
	.powered-container
	{
		position:absolute;

		top:30px;
		right:40px;
	}
	.powered-holder
	{
		position:relative; 

		margin:auto;
		width:400px;
		height:60px;	
	}

	.powered-text
	{
		position:absolute;

		top:0%;
		left:0%;
		height:100%;
		width:40%;

		text-align:center;
		padding-top:25px;
		font-size:22px;
		color:white; 


	}

	.powered-logo
	{
		position:absolute;

		top:0px;
		height:100%;
		left:40%;
		width:60%;

		background-image:url('../img/logo/sgaas.png');
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center;


	}
	
}

#instagram
{
	background:url('../img/icons/social_instagram.png');
	background-size:100% 100%;
}

#facebook
{
	background:url('../img/icons/social_facebook.png');
	background-size:100% 100%;
}

#twitter
{
	background:url('../img/icons/social_twitter.png');
	background-size:100% 100%;
}

/*	END OF DESKTOP	*/