/*--- RESETS ---*/
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,em,img,ins,kbd,q,s,samp,small,strike,strong,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,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,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}a{text-decoration:none;color:#000}

/*--- FONTS IMPORT ---*/
/* inter-100 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v3-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-100.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-200 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v3-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-200.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-900 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v3-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-900.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-800 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v3-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v3-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v3-latin-800.svg#Inter') format('svg'); /* Legacy iOS */
}
  

/*--- BASIC PRESETS ---*/
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.clear{clear:both;}
.parallax{background-attachment:scroll;background-position: center;background-size: cover;}


/*--- FONT STYLES ---*/
body{font:300 14px/24px 'Inter'; color: #8f5e40; padding: 250px 12%; position: relative;}
body::after{content: ''; width: 100%; height: 100%; display: block; background: linear-gradient(75deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); position: absolute; top: 0; left: 0; z-index: -1;}
strong, b{font-weight:700}
p{margin-bottom:1.4em; text-align: center;}
p strong {color: #4d4d4d; font-weight: 400;}
h1{font-size:40px;line-height:1.1em;text-align: left; font-weight: 300; text-transform: uppercase; color: #8f5e40; display: block; }
a {color: #4d4d4d; transition: 0.3s;} 
a:hover {color: #8f5e40; transition: 0.3s;}
hr {width: 6rem; border: #8f5e40 1px solid; margin-top: 2rem; margin-bottom: 2rem; margin-left: 0;}


/*--- STYLE ---*/
body{background: url(../images/background.png); background-size: cover; background-position: center; min-height: 100vh; background-attachment: scroll;}
img {margin-bottom: 30px; max-width: 100%;}
ul{display: flex; flex-direction: column;align-items: flex-start;}
ul li {font-size: 24px; font-weight: 300; margin-bottom: 1.2rem; text-transform: uppercase;}
ul li:last-of-type {margin-bottom: 0;}
ul li a::after {content: url(../images/ts_arrow.svg); height: 0.8em; width: 0.8em; margin-left: 0.4em; display: inline-block;transition: 0.3s; cursor: pointer;}
ul li a:hover::after {transform: scale(1.3);}

.app_container {display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}

a.button {background: #1a1a1a; padding: 0.8em 2em; color: #fff; font-weight: 700; text-transform: uppercase;transition: 0.33s;}
a.button:hover {background: #8f5e40; transition: 0.33s;}

@media only screen and (min-width: 1300px) {
  body{background-attachment: fixed;background-position: left;}
  body::after{background: linear-gradient(75deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%, rgba(255,255,255,0) 100%);}
}