/* 
  Helvetica Neue Fonts Start
*/

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Black.woff2') format('woff2'),
      url('HelveticaNeue-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Bold.woff2') format('woff2'),
      url('HelveticaNeue-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Light.woff2') format('woff2'),
      url('HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Medium.woff2') format('woff2'),
      url('HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Heavy.woff2') format('woff2'),
      url('HelveticaNeue-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Thin.woff2') format('woff2'),
      url('HelveticaNeue-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Roman.woff2') format('woff2'),
      url('HelveticaNeue-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-UltraLight.woff2') format('woff2'),
      url('HelveticaNeue-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* 
  Helvetica Neue Fonts End
*/

body{
	background-color:#202020;
	background-image:url(mobile-bg.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	color:#fff;
	padding:55px 24px 147px;
}

.illicit-labs-logo{
	display:block;
	margin:0 auto 33px;
	width:178px;}
	
	h1 {
	  color: #FFF;
	  font-family: "Helvetica Neue";
	  font-size: clamp(1rem, 0.286rem + 3.57vw, 2rem);
	  font-style: normal;
	  font-weight: 700;
	  letter-spacing: -0.408px;
	  line-height: clamp(1rem, 0.286rem + 3.57vw, 2rem);
	  margin: 0 auto clamp(83px, 80px + 2vw, 99px);
	  text-align: center;
	  width: clamp(289px, 75vw, 580px);
	  max-width: 100%;
	}
	
h2{
	color:  #FFF200;
	display:block;
	font-family: "Helvetica Neue";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.408px;
	margin:0 auto 18px;
	text-align: center;
}		

h3{
	color: #AFAFAF;
	font-family: "Helvetica Neue";
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1;
	margin:0;
	max-width:16ch;
	text-decoration:none;
}

.eza-box{
	align-items: center;
	background: rgba(32, 32, 32, 0.85);
	background-image:url(eza-photo.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:165px auto;
	border-radius: 8px;
	display: flex;
	margin:0 auto 64px;
	padding: 24px;
	width: auto;}
	
	.eza-box-link{
	    color:currentColor;
	    cursor:pointer;
	    display:block;
	    height:100%;
	   text-decoration:none;
	   width:100%;
	}
	
.box-content{
	display:flex;
	flex-direction:column;
	gap:8px;}
	
	.eza-logo{width:67px;}

.learn-more{
	align-items:center;
	color: #FFF;
	display:flex;
	font-family: "Helvetica Neue";
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	gap:6px;
	line-height: 1;
	margin:0;
	text-decoration:none;
}

.contact-button{
	align-items: center;
	border-radius: 8px;
	border: 2px solid rgba(255, 242, 0, 0.50);
	color:#fff;
	display: flex;
	font-family: "Helvetica Neue";
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	gap: 10px;
	height: 48px;
	justify-content: center;
	letter-spacing: 0.65px;
	line-height: 1;
	margin:0 auto 68px;
	padding: 0px 24px;
	text-decoration:none;
	text-transform: uppercase;
	width:fit-content;
}

footer{
	border-top:4px solid #343434;
	color: #F1F1F1;
	font-family: "Helvetica Neue";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: -0.408px;
	line-height: 1.1;
	padding:0;
	text-align:center;
}
.tm{
	color:#7C7C7C;
	display:block;
	font-weight: 500;
}

@media screen and (min-width:768px){
	
	body{
		background-image:url(desktop-bg.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		padding:94px 106px 37px;}

	
	.illicit-labs-logo{
		margin-bottom: 28px;
		width:290px;}	
	
	h3{font-size: 16px;}

	.eza-box{	
		background-size:179px auto;
		margin-bottom:52px;
		max-width:100%;
		width: 417px;}
		.brand,
		.tm{
			color:#F1F1F1;
			display:inline;
			font-weight:500;}
	
}