@charset "UTF-8";
/* CSS Document */

body {
	margin:0 auto; 
	padding-top:30px;
	text-align: center; 
    font-family: 'Dosis', sans-serif;
}

a:link 
{ 
	text-decoration:none; 
	color: #000000;
} 

hr {
	border-top: 1px dotted;
	color: #cccccc;
	margin-top: 30px;
	margin-bottom: 30px;
	width:50%

}

.logo img {
	width: 40%;
	height: auto;

}

.logo {
	text-align: center;

}


.global{
	
	position: absolute;
	width: 80vw;
	transform: translateX(-50%);
	margin-left: 50%;
}


.title{
	
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	color: #999999;
	margin-top: 30px;
	margin-bottom: 30px;
}


.text-copyright{
	
	font-size: 0.5em;
	letter-spacing: 0.1em;
	color: #999999;
	padding: 5em;

	
}


.button-kelwine{
	
	width:300px;
	height:100px;
	background-color: #C0346A;
	color: #ffffff;
	margin:0 auto; 
	display: block;
	line-height: 100px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.1em;

}



.button-kelbeer{
		
	width:300px;
	height:100px;
	background-color: #FDC300;
	color: #000000;
	margin:0 auto; 
	display: block;
	line-height: 100px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.1em;

}

.button-carte{
		
	width:300px;
	height:100px;
	background-color: #cccccc;
	color: #000000;
	margin:0 auto; 
	display: block;
	line-height: 100px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.1em;

}

@media(max-width:600px){
	
	.global{
		width: 100vw;
	}
		
	.logo img {
	width: 75vw;
	}
}