/* code by Tijmen Letsma */
/* RELAVANT RLVNTDGTL */
/* Copyright 2025 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, first, second, third, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
article, aside, details, first, second, third, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;

    }

@font-face {
    font-family: 'Lab Grotesque web Regular';
    src: url('../fonts/LabGrotesque-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/LabGrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/LabGrotesque-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/LabGrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/LabGrotesque-Regular.ttf') format('truetype')/* Safari, Android, iOS */
}

@font-face {
    font-family: 'LabGrotesque-Medium';
    src: url('../fonts/LabGrotesque-Medium.eot');
    src: local('../fonts/Lab Grotesque Medium'), local('LabGrotesque-Medium'),
        url('../fonts/LabGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LabGrotesque-Medium.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Medium.woff') format('woff'),
        url('../fonts/LabGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {

	font-family:'Lab Grotesque Web Regular';
	font-weight:lighter;
	font-size:15px;
	font-weight: normal;
	background-color:#fff;
	color:#212121;
	font-size: 1em;
	margin: 0 5% 20px 5%;
	line-height:1.5em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: black;
	
}
html {
  -webkit-font-smoothing: antialiased;
  
}
.container {
	max-width: 1440px;
	margin: 0 auto;
	}
.header {
	margin: 40px 0;
	}

::-moz-selection { /* Code for Firefox */
    color: #d6d6d6;
    background: transparent;
}

::selection {
    color: #d6d6d6; 
    background: transparent;
}

h2 {
  font-family:'LabGrotesque-Medium';
  font-size:74px;
  width:100%;
  color: #black;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  letter-spacing: -1px;
  line-height:90px;

}

h3 {
	font-size:1em;
	color: #black;
	font-family:'LabGrotesque-Medium';
	font-weight: normal;
	text-decoration:uppercase;
	}


a {
	color:#000000;
	text-decoration: none;
	
	}
a:hover {
	color:#020202;
	border-bottom: 1px solid #000000;

	
	}
p {
	color:#020202;
	line-height:1.5em;
	padding: 5px 0 0 0;
	margin: 0;
	}
	

.first {
	float:left;
	width:100%;
	margin-right:0px;
	margin: 0px 100px 0 0;
	padding: 10px  0px 0;
	
	}
.first a {
	text-decoration: none;
	border: 0px;
	font-family: 'Lab Grotesque Web Regular';
	font-weight: normal;
	text-decoration:none;
	border-bottom: 1px solid #000000;
	}
.first a:hover {
	color: #020202;
	text-decoration:none;
	border-bottom: 1px solid #000000;
	}
	
.legal {
	color: #020202;
	width: auto;
	font-size: 17px;
	text-align: left;
	
}
	
.legal a {

	color: #000000;	
}

.legal a:hover {
	color: #020202;	
}

.made {
	font-size: 17px;
	text-align: right;
	margin-top: -28px;
}

.made a {
	color: #000000;	
}

.made a:hover {
	color: #020202;	
}
	
h1 {
  font-family: 'Lab Grotesque Web Regular';
  font-size: 74px;
  padding-top:90px;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  letter-spacing: -1px;
  color: #9ea0a6;
  line-height:90px;
}

#feature {
	
	  width: 100%;
	  margin-bottom: 85px; 
	
}
#logo {
  width: 100%;
  top:50px;
  bottom:80px;
  text-indent: -9999px;
  text-decoration:none;
  border-bottom: none!important;
}

strong {
	font-family: 'Lab Grotesque Web Regular';
	font-weight: bold;
	}
	
ul {
	font-family: 'Lab Grotesque Web Regular';
	font-weight: normal; 
	line-height:1.5em; 
	}
li {
	margin:0 5%;
	padding-left:10px;
	}
ul.types{
	font-family: 'Lab Grotesque Web Regular';
	font-weight: normal;
	padding-top:10px;
	margin-left:20px;
	font-size:12px;
	}
ul.types li {
	margin:0;
	padding: 5px 10px 0 0;
	}	

hr {
	color: #000;
	background-color: #000;
	border: 0;
	height: 1px;
	margin: 5% 0;
	
	}

/* ----------------------------- 3-Col Grid ----------------------------- */

.hidden {display: none;}
.logo-row img {width:100%;}
.logo {width:100%;}
.logo:hover .visible {display: none;}
.logo:hover .hidden {display: block;}	

/* ----------------------------- media Queries ----------------------------- */

@media only screen and (max-width: 1200px) {

#logo {
  width: auto;
  top:50px;
  position:sticky;
  text-indent: -9999px;
  text-decoration:none;
  border-bottom: none!important;{
	  
  
  }
  
h2 {
  font-size:74px;
  width:100%;
  color: #black;
  font-weight: 500;
  font-style: medium;
  text-align: left;
  letter-spacing: -1px;
  line-height:60px; }  
	  
	  
	  
	  
  }


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}


.first a {
  text-decoration: none;
  border: 0px;
  font-family: 'Lab Grotesque Web Regular';
  font-weight: normal;
  text-decoration:none;
  border-bottom: 1px solid #000000;}
	
.first a:hover {
  color: #020202;
  text-decoration:none;
  border-bottom: 1px solid #000000;	}
  
h2 {
  font-size:35px;
  width:100%;
  color: #black;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  letter-spacing: -1px;
  line-height:47px;}
  
 #feature {
	
  width: 100%;
 margin-bottom:65px; }
 
 .legal {
	color: #020202;
	width: auto;
	font-size: 17px;
	text-align: left;
	
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 


#logo {
  width: auto;
  top:50px;
  position:sticky;
  text-indent: -9999px;
  text-decoration:none;
  border-bottom: none!important; }
  
.first a {
  text-decoration: none;
  border: 0px;
  font-family: 'Lab Grotesque Web Regular';
  font-weight: normal;
  text-decoration:none;
  border-bottom: 1px solid #000000;
	}
.first a:hover {
  color: #020202;
  text-decoration:none;
  border-bottom: 1px solid #000000;
	}
  
h2 {
  font-size:35px;
  width:100%;
  color: #black;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  letter-spacing: -1px;
  line-height:47px;}
  
 #feature {
	
  width: 100%;
 margin-bottom:65px; }

 .legal {
	color: #020202;
	width: auto;
	font-size: 17px;
	text-align: left;
	
}
}