/*	MOBILE VERSION	*/
@media only screen and (max-width: 768px)
{
	
	/* Mobile Version */
	
	.alternate-banner
	{
		position:fixed;

		top:0px;
		left:0px;
		width:100%;
		height:130px;
		
		box-shadow:0 0 5px;
		background-image:url('../img/wallpaper/parking-lot-roof-blurred.jpg');
		background-repeat:no-repeat;
		background-size: auto 100%;

		background-color:black;
		
		z-index:200;
	}
	
	.language-container
	{
		position:fixed;

		top:25px;
		left:10px;
		width:32px;
		height:32px;

		text-align:center;
		padding-top:7px;
		
		 user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;

		border-radius:3px;
		border:1px solid lightgrey;
		box-shadow: 0 0 10px grey;
		background-color:white;
		
/*
		background-image:url('../img/icons/language-icon.png');
		background-repeat:no-repeat;
		background-size: 100% 100%;
*/
		
		z-index:600;
	}
 
	.language-container:active
	{
		background-color:dodgerblue;
	}
	
	.contact-redirect
	{
		position:fixed;

		top:25px;
		right:10px;
		width:32px;
		height:32px;

		text-align:center;
		padding-top:4px;
		font-size:18px;
		
		 user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;

		border-radius:3px;
		border:1px solid lightgrey;
		box-shadow: 0 0 10px grey;
		background-color:white;
		
		z-index:601;
	}
	
	.contact-redirect:active
	{
		background-color:dodgerblue;
	}
	
	.toutou-logo
	{
		position:relative;

		top:10px;
		left:0%;
		width:100%;
		height:60px;
		
		
		
		border-top:1px solid #ffffff80;
		border-bottom:1px solid #ffffff80;
		

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

	}
	
	
	.download-button-container
	{
		position:relative;
		
		top:20px;
		left:0;
	
		height:40px;
		width:100%;	

	}

	.google-play
	{
		position:absolute;
		
		top:5px;
		height:30px;
		left:10%;
		width:35%;
		
		background-image:url('../img/logo/google-play.png');
		background-size:auto 30px;
		background-repeat:no-repeat;
		background-position:center;

	}

	.app-store
	{
		
		position:absolute;
		
		top:5px;
		height:30px;
		left:55%;
		width:35%;
		
		background-image:url('../img/logo/app-store.png');
		background-size:auto 30px;
		background-repeat:no-repeat;
		background-position:center;

	}
}
/*	END OF MOBILE VERSION	*/




/*	DESKTOP VERSION	*/
@media only screen and (min-width: 769px)
{
	
	/* Desktop */
	
	.alternate-banner
	{
	
		position:relative;

		width:100%;
		height:400px;

		box-shadow:0 0 5px;
		background-image:url('../img/wallpaper/parking-lot-roof-blurred.jpg');
		background-repeat:no-repeat;
		background-size: 100% 100%;

		background-color:black;
		
		z-index:500;
	
	}

	.language-container
	{

	
		position:fixed;

		top:10px;
		left:10px;
		width:200px;
		height:20px;

		text-align:center;
		font-size:14px;
		padding-top:1px;

		 user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;

		border:1px solid grey;
		border-radius:5px;
		box-shadow: 0 0 5px black;
		background-color:white;

		cursor: -webkit-pointer;
		cursor: pointer;
		
		z-index:600;
	
	}
	
	.contact-redirect
	{
		position:fixed;

		top:10px;
		right:10px;
		width:200px;
		height:20px;
 
		text-align:center;
		font-size:14px;
		padding-top:1px;

		 user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;

		border:1px solid grey;
		border-radius:5px;
		box-shadow: 0 0 5px black;
		background-color:white;

		cursor: -webkit-pointer;
		cursor: pointer;
		
		z-index:600;
	}
	
	.contact-redirect:active
	{
		background-color:dodgerblue;
	}

	.language-container:active
	{
	
		top:12px;
		left:12px;
		width:196px;
		height:16px;

		padding-top:0px;
		font-size:12px;
		color:white;

		background-color:dodgerblue;
	
	}

	.toutou-logo
	{
	
		position:absolute;

		left:0%;
		width:100%;

		top:50%;
		height:186px;
		margin-top: -93px;
		border-top:1px solid #ffffff80;
		border-bottom:1px solid #ffffff80;

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

	}

	.download-button-container
	{
	
		position:absolute;

		bottom:10px;
		left:50%;

		height:90px;
		width:580px;

		margin-left: -290px;
	


	}

	.google-play
	{
	
		position:absolute;

		bottom:0%;
		left:0%;
		width:50%;
		height:60px;
 

		background-image:url('../img/logo/google-play.png');
		background-size:auto 60px;
		background-repeat:no-repeat;
		background-position:center;

		cursor: -webkit-pointer;
		cursor: pointer;

	}
	
	

	.app-store
	{
	
		position:absolute;

		bottom:0%;
		left:50%;
		width:50%;
		height:60px;

		background-image:url('../img/logo/app-store.png');
		background-size:auto 60px;
		background-repeat:no-repeat;
		background-position:center;
	
		
	}
	
}
/*	END OF DESKTOP VERSION	*/