@font-face {
    font-family: 'SpaceGrotesk-Regular';
    src: url('../fonts/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk-Bold';
    src: url('../fonts/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'archia-regular-webfont';
    src: url('../fonts/archia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'SpaceGrotesk-Regular', sans-serif;	
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}

.archiva, h1, b  {
    font-family: 'archia-regular-webfont';
	font-weight: 700!important;
}

.bg-dark {
	background: #071E11!important;
}

.text-dark {
	color: #071E11!important;
}

.bg-white {
	background: #FCF9EF!important;
}

.text-white {
	color: #FCF9EF!important;
}

.bg-info {
	background: #9DC1DD!important;
}

.text-info {
	color: #9DC1DD!important;
}

.bg-primary {
	background: #6D9A49!important;
}

.text-primary {
	color: #6D9A49!important;
}

.bg-secondary {
	background: #D196FF!important;
}

.text-secondary {
	color: #D196FF!important;
}

h1 {
	font-size: 6rem;
}

#soon-block {
overflow-x: hidden;
min-height: 562px;
background-color:  rgb(8, 56, 30)!important;
background-image: url(../img/soon-tree.svg), url(../img/soon-splash.svg) !important;
background-position: 0 100%, right center !important;
background-repeat: no-repeat !important;
background-size: 600px auto;
position: relative;
z-index:-1
}

#wrapper {
background-position: right top !important;
background-image: url(../img/soon-pink.svg)!important;
background-repeat: no-repeat !important;
min-height: 100vh;
position: absolute;
z-index: 30;
top: 0;
right: 0;
margin-top: 0;
width: 544px;
max-width: 544px
}

@media (max-width:1200px) {
#wrapper {
background-position: 150% top !important;
background-image: url(../img/soon-pink.svg)!important;
background-repeat: no-repeat !important;
height: 100vh
}	
}

@media (max-width:991px) {

h1 {
	font-size: 3rem;
}	
#soon-block {
overflow-x: hidden;
min-height: 605px;
background-color:  rgb(8, 56, 30)!important;
background-position: 0 bottom !important;
background-image: url(../img/soon-tree-sm2.svg)!important;
background-repeat: no-repeat !important;
background-size: auto 605px;
}

#wrapper {
		display: none;
background-position: right bottom !important;
background-image: url(../img/soon-pink-sm.svg)!important;
background-repeat: no-repeat !important;
min-height: 269px;
position: absolute;
z-index: 30;
top: 0;
bottom: 0;

}
}

@media (max-width:768px) {

#wrapper {
	display: none;
background-position: right bottom !important;
background-image: url(../img/soon-pink-sm.svg)!important;
background-repeat: no-repeat !important;
min-height: 269px;
position: absolute;
z-index: 30;
top: calc(40vh);
bottom: 0;

}
}