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

/* ============ FONT FACE  ============ */

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Barlow+Semi+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');


/*-- Logo --*/

a .ml10 {
	color: #f2f2f2;
}
.ml10 {
	position: relative;
	float: left;
	color: #f2f2f2;
}

.ml10 .text-wrapper {
  	position: relative;
  	display: inline-block;
  	overflow: hidden;
}

.ml10 .letter {
	display: inline-block;
	transform-origin: 0 0;
	max-height: 52px;
	line-height: 52px;
	font-weight: 400;
	font-size: 36px;
	font-family: "Barlow Semi Condensed", sans-serif;
}

/*-- Title Big Bold --*/

.ml6 {
	position: relative;
	font-family: "Barlow", sans-serif;
	text-align: center;
	word-break: keep-all;
}

.ml6 span {
	color: #FFFFFF;
	font: 600 50px "Barlow", sans-serif;
	text-align: center;
	word-break: keep-all;
}

.ml6 .text-wrapper {
	position: relative;
	display: inline-block;
	padding-top: 0.2em;
	padding-right: 0.05em;
	padding-bottom: 0.1em;
	overflow: hidden;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1em;
}

/*-- Title up&underline --*/

.ml1 {text-align: center;}

.ml1 .letter {
	display: inline-block;
	line-height: 40px;
	font: 600 34px; 
	font-family:"Barlow", sans-serif;
}

.ml1 .text-wrapper {
  	position: relative;
  	display: inline-block;
  	padding-top: 0.1em;
  	padding-right: 0.05em;
  	padding-bottom: 0.15em;
}

.ml1 .line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #2B2B2B;
	transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }

/*-- Title underline --*/

.ml-1 {
	text-align: center;	
}
.ml-1 span {
	text-align: center;
	color: #B4B4B4;
	font: 300 64px "Barlow Condensed";
	line-height: 80px;
	letter-spacing: 10px;
}
.ml-1.letter {
	display: inline-block;
}

.ml-1.text-wrapper {
  	position: relative;
  	display: inline-block;
  	padding-top: 0.1em;
  	padding-right: 0.05em;
  	padding-bottom: 0.15em;
}

.ml-1.line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #EDF1F1;
	transform-origin: 0 0;
}

.ml-1.line1 { top: 0; }
.ml-1.line2 { bottom: 0; }


@media only screen and (max-width: 320px) {
	.ml10 {display: none;}
}
@media only screen and (max-width: 400px) {
	.ml10 {font-size: 12px;}
}
@media only screen and (max-width: 600px) {
	.ml10 {font-size:14px; font-family: "Barlow Condensed", 'sans-serif';}
	.ml6 span {font-size: 30px;}
}
@media only screen and (max-width: 480px) {
	.ml-1 span {
	text-align: center;
	color: #B4B4B4;
	font: 200 60px "Barlow Condensed";
	line-height: 70px;
	letter-spacing: 2px;
	}
}