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

*{
margin: 0px;
padding: 0px;
}


.raleway-h1 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.raleway-h2 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.raleway-h6 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.raleway-p {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.hightlight{
	
background: linear-gradient(90deg, #4182BE, #6ec3aa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}

h1{
	
font-family: "Raleway", sans-serif;
font-weight: 900;
font-style: normal;
	
font-size: 56px;
	
}

h6{
	
font-family: "Raleway", sans-serif;
font-weight: 300;
font-style: normal;
	
font-size: 14px;
	
color: #828282;
	
}

p{
	
font-family: "Raleway", sans-serif;
font-weight: 300;
font-style: normal;
	
font-size: 16px;
	
}

a{
	
text-decoration: none;
color: inherit;
	
}

.separateur{
	
width: 1px;
height: 20px;
	
margin-right: 15px;
margin-left: 15px;
	
background-color: white;
}


.comingsoon{
	
	position: relative;
	margin: auto;
	
	width: 100%;
	height: 100%;
	
}

.comingsoon h1{
	
text-align: center;
margin-top: 300px;
	


}

.comingsoon p{

text-align: center;
	
margin-top: 16px;
}

.contact{
	
position: relative;
margin: auto;
	
display: flex;
align-items: center;
	
justify-content: center;
	
margin-top: 280px;
	
}

.contact h6:hover {
	
font-family: "Raleway", sans-serif;

font-style: normal;


	
background: linear-gradient(90deg, #4182BE, #6ec3aa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}


/* ---------- MOBILE ---------- */



@media screen and (max-width: 768px) {
	body { 
		
	}
	
	
	
	.comingsoon{
		
		position: relative;
		margin: auto;
		
		width: 80%
		
	}
	
	.comingsoon h1{
		
		margin-top: 180px;
	
		font-size: 32px;
	}
	
	.comingsoon p{
		
		margin-top: 32px;
		
		font-size: 12px;
		
	}
	
	.contact{
		
	
		display: block;
		
		margin-top: 100px;
		
		width: 80%;
		height: 20%;
		
		
		
		text-align: center;
		
	}
	
	.contact h6{
		
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	.separateur{
		
	
	margin-right: 0px;
	margin-left: 0px;
	
		
	}


}