@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

/* Customization */
:root {
    --primarycolor: rgb(255,255,255); 
    --secondarycolor: rgb(38,43,46); 
    --gradientprimary: rgba(38,43,46,0); 
    --gradientsecondary: rgba(38,43,46,1);
    --helpercolor: rgb(247,74,29);
    --bodyfontcolor : rgb(211,211,211);
}

a,b,h1,h2,h3,h4,h5,h6,li,p,span,strong,ul{
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  color: #212529;
}
p {
	margin-bottom: 25px;
	color: var(--bodyfontcolor);
	line-height: 2.2;
}
p:last-of-type {
	margin-bottom: 0px;
}

.fs-big {
	font-size: 10em;
}
.md-font {
	font-size: 4em;
}

.text-dark-color {
	color: #212529;
}
.oswald {
  font-family: 'Oswald', sans-serif;
}
.bg-helper {
	background: var(--helpercolor)!important;
}
.b-radius-0 {
	border-radius: 0px;
}
body {
  /*height: 8000px;*/
  background: var(--secondarycolor);
}
main {
    height: 100vh;
    overflow-y: visible;
}

header.navigation-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: transparent;
	z-index: 999;
}

section.banner-wrapper {
	background: url(img/banner.png);
	min-height: 100vh;
	/*min-height: 700px;*/
	/*display: flex;
	align-items: center;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	position: relative;
}
section.banner-wrapper .container {
	height: 100vh;
	width: 100%;
}

section.banner-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262b2e+0,262b2e+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(38,43,46,0) 0%, rgba(38,43,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(38,43,46,0) 0%,rgba(38,43,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(38,43,46,0) 0%,rgba(38,43,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00262b2e', endColorstr='#262b2e',GradientType=0 ); /* IE6-9 */
	z-index: 1;
}

section.banner-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262b2e+0,262b2e+100&1+0,0.6+20,0+100 */
	background: -moz-linear-gradient(left,  rgba(38,43,46,1) 0%, rgba(38,43,46,0.9) 40%, rgba(38,43,46,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(38,43,46,1) 0%,rgba(38,43,46,0.9) 40%,rgba(38,43,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(38,43,46,1) 0%,rgba(38,43,46,0.9) 40%,rgba(38,43,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262b2e', endColorstr='#00262b2e',GradientType=1 ); /* IE6-9 */
}

.banner-wrapper .container {
	position: relative;
	z-index: 9;
}
.main-headline {
	letter-spacing: 0.1em;
}
.main-headline span {
	display: inline-block;
	position: relative;
}
.main-headline span:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(100% + 30px);
	width: 150px;
	background: var(--helpercolor);
	height: 4px;
	margin: auto;
}

section.main-content-wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    transform: translate(0px, -100vh);
}

.down-indicator {
	position: absolute;
	right: 0;
	bottom: 5vh;
}
.border-top {
	border-color: #707070!important;
}
section.sec-know-more {
	background: #1E2326;
}