@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Plaak";
    src: url("../fonts/Plaak.otf") format("opentype");
}

@font-face {
    font-family: "Plaak Bold";
    src: url("../fonts/Plaak-Bold.ttf") format("truetype");
}







/*::-webkit-scrollbar {
    width: 0px; 
    background: transparent;  
}
*/

html {
    font-size: 1vw;
    color: #f2f2f0;
    background: #000000;
    font-family: 'Graphik';
}


body {
    counter-reset: section;
}

body {
	background:#000000;
}

section {
    height: 100vh;
    padding-left: 16.60156%;
    padding-right: 16.60156%;
    position: relative;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.section-number {
    font-family: 'Plaak Bold';
    font-size: 1.40625rem;
    letter-spacing: 0.01000em;
    font-weight: 100;
    color: #666666;
}

h1 {
    font-family: 'Plaak Bold';
    font-size: 1.05469rem;
    letter-spacing: 0.10000em;
    color: #666666;
}

.section-number:before {
    content: "0" counter(section);
    counter-increment: section;
}

.big-text {
    font-family: 'Plaak';
    font-size: 3.86719rem;
    line-height: 1.30303;
    letter-spacing: 0.12000em;
    margin: 0;
    padding: 0;
    font-weight: 100;
}

.button {
    display: inline-block;
    background: none;
    border: 0.5px solid #545454;
    background: transparent;
    border-radius: 1000px;
    font-size: 1.01562rem;
    color: #f2f2f0;
    padding: 1.4em 0em;
    width: 11.01562vw;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    transform: translateZ(0) scale(1.0, 1.0);

    /*	outline:none;*/
}

.button.filled {
    background-color: #545454;
}



.button span {
    position: relative;
    z-index: 100;
}

.button:before {
    position: absolute;
    content: '';
    display: block;
    transform-origin: right center;
    width: 130%;
    height: 102%;
    background: rgba(255, 255, 255, 0.1);
    transform: skew(-30deg) translateX(-100%) translateY(-50%) translateZ(0) scale(1.0, 1.0);
    top: 50%;
    right: -5%;
    transition: all ease-in-out .5s;
}

.button:hover:before {
    transform: skew(-30deg) translateX(0%) translateY(-50%) translateZ(0) scale(1.0, 1.0);
}

.button:after {
    position: absolute;
    content: '';
    display: block;
    transform-origin: right center;
    width: 130%;
    height: 102%;
    background: #545454;
    transform: skew(-30deg) translateX(-100%) translateY(-50%) translateZ(0) scale(1.1, 1.1);
    top: 50%;
    right: -5%;
    transition: all ease-in-out .7s;
}

.button:hover:after {
    transform: skew(-30deg) translateX(0%) translateY(-50%) translateZ(0) scale(1.1, 1.1);
}

.button, button {
	outline:none;
}

section .content {
    position: absolute;
    top: 50%;
    transform: translate3d(0,0,0) translateY(-50%) translateZ(0);
    width: 66.87500vw;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background:transparent;
}

section {
	background:transparent;
        -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform:translate3d(0,0,0) translateZ(0);
}




#fp-nav.left {
    left: 0;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span,
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    width: 0.46875vw;
    height: 0.46875vw;
    margin: -0.23438vw 0 0 -0.23438vw;
    background: #666666;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    background: #ffffff;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    margin-left: 7.81250vw;
}

.background-stuff {
    position: fixed;
    width: 100vw;
    height: 100vh;
}

.gradient-line {
    position: absolute;
    width: 1px;
    height: 17.00000vh;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888784+0,14130e+100 */
    background: #888784;
    /* Old browsers */
    background: -moz-linear-gradient(top, #888784 0%, #14130e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #888784 0%, #14130e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #888784 0%, #14130e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888784', endColorstr='#14130e', GradientType=0);
    /* IE6-9 */
    top: 0;
    left: calc(50% - 1px);

    transition: all ease-in-out 1s;
    opacity: 1;
}

.gradient-line.reversed {
    transform: rotate(180deg);
    top: initial;
    bottom: 0;
    opacity: 0;
}

body:not(.fp-viewing-0) .gradient-line.reversed {
    opacity: 1;
}

body.fp-viewing-5 .gradient-line.straight {
    opacity: 0;
}

.background-stuff .polygon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}


.background-stuff .polygon .polygon {
    width: calc(100% - 83px);
}

.background-stuff .polygon #polygon-circle {
    width: 27px;
    height: 27px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    position: absolute;
    top: -13px;
    left: -13px;
}

.background-stuff .polygon #polygon-circle .inner-circle {
    position: absolute;
    width: 15px;
    height: 15px;
    background: none;
    top: 6.00000px;
    left: 6px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
}

.fixed {
    position: fixed;
    z-index: 1000;
}



.loader-svg-container {
    width: 613.52px;
    height: 223.32px;
    position: absolute;
    transform-origin: left bottom;
    left: -4px;
    bottom: -2px;
    max-height: 30%;
}

.loader-svg-container svg {
    position: absolute;
    top: 0;
}

#loader-circle {
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -7.90828px;
    top: -285px;
    border-radius: 50%;
    z-index: 10;
}

#loader-circle .inner-circle {
    width: 9px;
    height: 9px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 3px;
    left: 3px;
}

.loader {
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 10000;
    position: fixed;
}

.loader-percentage {
    position: absolute;
    font-size: 2.69531rem;
    font-family: 'Plaak';
    letter-spacing: 0.05000em;
    bottom: 60.56250%;
    left: 20.31250%;
    z-index: 10;
}

.loader-percentage #loader-percentage-value {
    font-size: 5.39062rem;
}







/*.loader #menu-background-graph {
    width: calc(100% + 8px);
    bottom: -2px;
    left: -4px;
    position: absolute;
}*/


/*MENU*/

.menu {
    position: fixed;
    z-index: 1001;
    background: #000000;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    overflow: hidden;
}

.menu .menu-logo {
    width: 1.60156vw;
    top: 8.12500%;
    left: 8.28125%;
    position: absolute;
}

.menu .close {
    position: absolute;
    top: 7.31250%;
    right: 6.25000%;
}


.menu-scrollbar-fix {
    width: 100%;
    height: 100%;
    position: relative;
}

.menu-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30.00000vh 16.60156vw;
    overflow-x: scroll;
    overflow: scroll;
    padding-bottom: 0;
    height: calc(100% + 100px);
    overflow-y: hidden;
}

.menu-content {
    display: inline-flex;
    flex-wrap: nowrap;
}


.slide-opener {
    cursor: pointer;
}

.menu-item {
    position: relative;
    margin-right: 15vw;
    cursor: pointer;
}

.menu-item:nth-of-type(2n) {
    transform: translateY(-15%);
}

.menu-item:last-of-type {
    margin: 0;
}

.menu-item .tint {
    width: 100%;
    height: 100%;
    background: #2a2a2a;
    position: absolute;
}

.menu-item img {
    /*width:20.00000vw;*/
    height: 33.31250vh;
    display: block;
    transform: translate(0%, 0%);
    transition: all ease-in-out 0.5s;
    filter: brightness(80%);
}

.menu-item .big-text {
    position: absolute;
    top: 29%;
    left: 30%;
    opacity: 0;
    transition: all ease-in-out 0.5s;
    /*white-space:nowrap;*/
    transform: translate(0%, 0%);
}

.menu-item:hover img {
    transform: translate(16.5%, 16.5%);
}

.menu-item:hover .big-text {
    opacity: 1;
    /*left: 67%;*/
    transform: translateX(50%);
}

.menu-bar {
    height: 1px;
    background: #6f6f6d;
    position: absolute;
    width: calc(100% - 16.60156vw - 16.60156vw);
    bottom: 19.87500%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.menu-bar .menu-bar-handle {
    width: 15.07009%;
    height: 100%;
    background: #c6c6c6;
    top: 0;
    left: 0;
    position: absolute;
    /*transition: all ease-in-out 0.5s;*/
}


.scroll-to-discover,
.who-made-it,
.menu-get-in-touch {
    position: absolute;

    bottom: 7.925%;
    font-size: 1.01562rem;
}

.modal-opener:hover {
    cursor: pointer;
}

.scroll-to-discover {
    left: 8.28125%;
}

.who-made-it {
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    color: inherit;
}

.menu-get-in-touch {
    right: 16.87500%;
}

.link-underline:after {
    display: block;
    height: 1px;
    width: 0%;
    bottom: -5px;
    content: '';
    background: #ffffff;
    position: absolute;
    transition: all ease-in-out .3s;
    cursor: pointer;
}

.link-underline:hover:after {
    width: 100%;
}


.logo {
    position: fixed;
    top: 8.12500%;
    left: 8.28125%;
}

.logo img {
    width: 1.60156vw;
}


.menu-opener {
    display: block;
    position: fixed;
    background: none;
    border: none;
    top: 9.125%;
    right: 6.18125%;
        padding: 30px;
        margin: -30px;
        display: inline-block;    
}

.menu-opener:hover {
    cursor: pointer;
}

.menu-opener .open-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.menu-opener .open-menu div {
    width: 1.91406vw;
    height: 0.15625vw;
    margin-bottom: 0.46875vw;
    background: #f2f2f0;
}

.menu-opener .open-menu div:last-of-type {
    margin-bottom: 0;
    width: 1.44531vw;
}

#scroll-down-arrow {
    border: none;
    background: transparent;
    outline: none;
    display: block;
    width: 2.89062vw;
    height: 2.89062vw;
    border: 1px solid #666666;
    border-radius: 50%;
    bottom: 8.12500%;
    left: 8.28125%;

    background: url(../img/scroll-down-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10.81081%;
    cursor: pointer;
}

.socials {
    bottom: 7.425%;
    right: 6.28125%;
    display: flex;
    align-items: center;
}

.socials a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.socials a:nth-of-type(1) {
    width: 1.56250vw;
}

.socials a:nth-of-type(2) {
    width: 1.40625vw;
    margin: 0px 1.32812vw;
}

.socials a:nth-of-type(3) {
    width: 1.56250vw;
}

.socials a img {
    display: block;
    width: 100%;
}

.gradient {
    width: 1px;
    height: 10.42969vw;
    top: 0;
    left: calc(50% - 1px);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888784+0,14130e+100 */
    background: #888784;
    /* Old browsers */
    background: -moz-linear-gradient(top, #888784 0%, #14130e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #888784 0%, #14130e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #888784 0%, #14130e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888784', endColorstr='#14130e', GradientType=0);
    /* IE6-9 */
}







/*.polygon .polygon {
	width:21.87500vw;
}

.polygon .polygon .polygon {
	width:16.40625vw;
}

.polygon .polygon .polygon .polygon {
	width:280;
}*/

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000000;
    z-index: 1001;
    display: none;
    opacity: 0;
}



.modal .polygon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    transform: translateY(-8%) translateX(27%);
}

.modal .polygon svg {
    width: auto;
}

.modal .polygon .polygon {
    height: calc(100% - 20vh);
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

.modal-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 59.96094vw;
    height: 37.73438vw;
    background: #1a1a1a;
}

.modal-window-content {
    padding: 0vw 9.96094vw;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.modal-window-content .big-text {
    margin-bottom: 2.89219vw;
}

.modal-window-content p {
    font-size: 1.01562rem;
    letter-spacing: 0.05000em;
    line-height: 1.96154;
    margin-bottom: 1.25312vw;
}

.modal-window-content button {
    margin-top: 1.25312vw;
}



.modal-window-content form input,
.modal-window-content form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #3a3a3a;
    font-size: 1.01562rem;
    letter-spacing: 0.05000em;
    padding: 1.30625rem;
    border: none;
    border-radius:0px;
    color: #f2f2f0;
}

.modal-window-content form input {
    margin-bottom: 0.97656vw;
}

.modal-window-content form textarea {
    min-height: 7.6vw;
}

::-webkit-input-placeholder {
    color: #f2f2f0;
}

::-moz-placeholder {
    color: #f2f2f0;
}







/* Firefox 19+ */

:-moz-placeholder {
    color: #f2f2f0;
}







/* Firefox 18- */

:-ms-input-placeholder {
    color: #f2f2f0;
}

.close {
    background: none;
    border: none;
    width: 2.89062vw;
    height: 2.89062vw;
    border: 1px solid #666666;
    border-radius: 50%;
    background: url(../img/Close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33.78400%;
    cursor: pointer;
}

.modal .close {
    position: absolute;
    top: 3.08594vw;
    right: 3.55469vw;
}


#thank-you-modal .modal-window {
    background: none;
    width: auto;
    height: auto;
}

#thank-you-modal .modal-window-content {
    width: auto;
    height: auto;
    top: initial;
    transform: initial;
    left: initial;
}

#thank-you-modal .modal-window-content .button {
    left: 50%;
    transform: translateX(-50%);
}

#thank-you-modal.modal .close {
    display: none;
}



/*who made it*/

.made-by-text {
    font-size: 8.43750rem;
    font-family: 'Plaak';
    width: 60.54688vw;
    line-height: 1.13889;
    letter-spacing: 0.10000em;
    position: absolute;
    left: 16.60156vw;
    top: 50%;
    transform: translateY(-50%);
}



.text-close {
    font-size: 1.01562rem;
    cursor: pointer;
    position: absolute;
    bottom: 8.12500%;
    left: 50%;
    transform: translateX(-50%);
}


#who-made-it-modal svg {
    width: 66.241vw;
    position: absolute;
    left: 16.60156vw;
    top: 33.5%;
    top: 50%;
    transform: translateY(-50%);
}

#who-made-it-modal svg text {
    font-family: 'Plaak';
    letter-spacing: 22.8px;
}



.menu-graph {
    width: 110%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-30%) translateX(0%);
    transition: all 0.05s;
}








/*HOME*/

section.home .big-text {
    max-width: 50.15625vw;
    margin-bottom: 3.9vw;
}

section.home h1 {
    margin: 0;
    margin-bottom: 5vw;
    margin-top: 0.4vw;
}







/*SERVICES*/


/*section.services .content {
	position:absolute;
	top:25%;
	transform:none;

}*/

.two-in-row {
    display: flex;
    justify-content: space-between;
}

section.services .two-in-row>div {
    width: 43.80841%;
}

section.services p {
    font-size: 1.01562rem;
    line-height: 1.96154;
    margin-bottom: 7vw;
}

section.services h1 {
    margin-bottom: 6vw;
}

section.services .big-text {
    margin-bottom: 1.8vw;
    margin-bottom: 0.9vh;
}







/*TRADING GROUP*/

section.trading-group .big-text {
    max-width: 50.15625vw;
    margin-bottom: 5.6vw;
    max-width: 33.43750vw;
}

section.trading-group h1 {
    margin: 0;
    margin-bottom: 3.4vw;
    margin-top: 0.4vw;
}

section.trading-group p {
    max-width: 16.83902vw;
    letter-spacing: 0.05000em;
    font-size: 1.01562rem;
    line-height: 1.96154;
    padding-top: 0.8vw;
}







/*MEDIA*/

section.media .big-text {
    margin-bottom: 5.5vw;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

section.media h1 {
    margin: 0;
    margin-bottom: 3.3vw;
    margin-top: 0.7vw;
}

.representatives {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32.7375vw;
}

.representatives .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.representatives .row:nth-of-type(1) {
    margin-bottom: 1vw;
}

.representatives img:first-of-type {
    width: 6.44531rem;
}

.representatives img:nth-of-type(2) {
    width: 4.21875rem;
}

.representatives img:nth-of-type(3) {
    width: 6.09375rem;
}

.representatives img:nth-of-type(4) {
    width: 6.95312rem;
}

.representatives img:nth-of-type(5) {
    width: 3.51562rem;
}

.representatives span {
    font-size: 1.01562rem;
    letter-spacing: 0.02000em;
}







/*INVEST FUND*/

section.invest .invest-fund-content {
    width: 29.29688vw;
    position: relative;
}

section.invest p {
    font-size: 1.01562rem;
    line-height: 1.96154;
    margin-bottom: 8vw;
}

section.invest h1 {
    margin-bottom: 3vw;
}

section.invest .big-text {
    margin-bottom: 1.8vw;
}

section.invest img {
    position: absolute;
    width: 16.64062vw;
    top: 4vw;
    left: 50.2vw;
}







/*CHARITY*/

section.charity .big-text {
    max-width: 23.67969vw;
    margin-bottom: 6.2vw;
    position: relative;
}

section.charity h1 {
    margin: 0;
    margin-bottom: 3.4vw;
    margin-top: 0.4vw;
    position: relative;
}

section.charity p {
    max-width: 16.83902vw;
    letter-spacing: 0.05000em;
    font-size: 1.01562rem;
    line-height: 1.96154;
    padding-top: 0.8vw;
    position: relative;
}

section.charity .background-image {
    position: absolute;
    width: 40.07812vw;
    left: 50%;
    transform: translateX(-50%);
    top: 17%;
}

section.charity .wallet-address {
    display: flex;
    align-items: center;
}

section.charity .wallet-address img {
    width: 1.71875vw;
    margin-right: 2.34375vw;
}

section.charity .wallet-address {
    font-size: 1.01562rem;
    letter-spacing: 0.05000em;
}










/*MOBILE*/

@media all and (max-width:750px) and (orientation: portrait) {
    .logo {
        top: 6.79610%;
        left: 11.86667%;
    }

    .logo img {
        width: 5.46667vw;
    }

    .menu-opener {
        top: 7.69565%;
        right: 12.53333%;

    }

    .menu-opener .open-menu div {
        width: 6.66667vw;
        height: 0.53333vw;
        margin-bottom: 1.60000vw;
    }

    .menu-opener .open-menu div:last-of-type {
        width: 5.06667vw;
    }


    .background-stuff {
        display: none;
    }

    section {
        padding-left: 12.33333vw;
        padding-right: 12.33333vw;
    }

    section .content {
        width: initial;
        width: 75.33334vw;
        top:52.5%;
    }

    section h1 {
        display: inline-block !important;
        font-size: 4.80000rem;
        margin-top: 0 !important;
        margin-bottom: 6.4vw !important;

        font-size: 3.20000rem;
        padding-left: 1.33333vw;
    }

    .section-number {
        display: inline-block !important;
        font-size: 4.80000rem;
    }

    .big-text {
        font-size: 10.26667rem;
        line-height: 1.44156;
        letter-spacing: 0.12000em;
    }

    section.home .big-text {
        max-width: none;
        margin-bottom: 7.8vw;
    }

    .button {
        font-size: 3.20000rem;
        letter-spacing: 0.02500em;
        width: 32.00000vw;
        padding: 1.2em 0em;
    }

    #fp-nav {
        display: none;
    }

    #scroll-down-arrow {
        background-image: url(../img/arrow-mobile.png);
        border-radius: none;
        border: none;
        width: 1.06667vw;
        height: 3.46667vw;
        background-size: cover;
        left: 12.5vw;
        bottom: 14.6vw;
        bottom: 6.79610%;;
    }

    .socials {
        display: none;
    }

    .menu .socials {
        display: block;
    }



    /*MOBILE TRADING GROUP*/
    section.trading-group .big-text {
        max-width: none;
        line-height: 1.14;
    }

    .two-in-row {
        display: block;
    }

    section.trading-group p {
        max-width: none;
        font-size: 3.46667rem;
        line-height: 1.76923;
        letter-spacing: 0.04000em;
        padding-top: 2vw;
        margin-bottom: 9vw;
    }
    /*    section .content {
        position: absolute;
        top: 18.5%;
        transform: none;
    }*/
    /*MEDIA*/
    section.media .big-text {
        line-height: 1.14;
        margin-bottom: 7.8vw;
        font-size: 9rem;
    }

    .representatives {
        position: relative;
        width: 100%;
        display: block;
        margin-bottom: 7.8vw;
    }

    .representatives .row:nth-of-type(1) {
        margin-bottom: 4vw;
    }

    .representatives img:first-of-type {
        width: 12.89062rem;
    }

    .representatives img:nth-of-type(2) {
        width: 8.43750rem;
    }

    .representatives img:nth-of-type(3) {
        width: 12.18750rem;
    }

    .representatives img:nth-of-type(4) {
        width: 13.90624rem;
    }

    .representatives img:nth-of-type(5) {
        width: 7.03124rem;
    }

    .representatives span {
        font-size: 2.03124rem;
        letter-spacing: 0.02000em;
    }

    /*INVEST FUND*/
    section.invest .invest-fund-content {
        width: initial;
    }

    section.invest h1 {
        margin-bottom: 14.4vw !important;
    }

    section.invest p {
        font-size: 3.46667rem;
        line-height: 1.76923;
        letter-spacing: 0.04000em;
        margin-bottom: 13.4vw;
    }

    section.invest .big-text {
        margin-bottom: 6.8vw;
    }

    section.invest img {
        position: absolute;
        width: 16.64062vw;
        width: 20vw;
        top: -18.8vw;
        left: 50.2vw;
        left: 52.6vw;
        /* right: 0; */
    }


    /*SERVIESS MOBILE*/
    section.services h1 {
        margin-bottom: 2.4vw !important;
        margin-bottom: 1.2vh !important;
    }

    section.services p {
        font-size: 3.46667vw;
        line-height: 1.76923;
        letter-spacing: 0.04000em;
        margin-bottom: 3.5vh;
    }

    section.services .two-in-row>div {
        width: initial;
        margin-bottom: 6.1vw;
        margin-bottom: 3.05vh;
    }


    /*CHARITY*/
    section.charity .big-text {
        max-width: 70%;
        margin-bottom: 5.2vw;
    }

    section.charity .background-image {
        position: absolute;
        width: 150.07812vw;
        left: 33.2%;
        transform: none;
        top: 8vw;
    }

    section.charity p {
        font-size: 3.46667rem;
        letter-spacing: 0.04000em;
        line-height: 1.76923;
        margin-bottom: 12vw;
        max-width: none;
    }

    section.charity .wallet-address {
        font-size: 2.6vw;
        letter-spacing: 0.04000em;
    }

    section.charity .wallet-address img {
        width: 5.46667vw;
        margin-right: 2.34375vw;
    }

    /*MENU MOBILE*/
    .menu-item img,
    .menu-item .tint {
        display: none;
    }

    .menu-content {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-wrapper {
        padding-left: 12.33333vw;
        padding-right: 12.33333vw;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .menu-bar {
        display: none;
    }

    .scroll-to-discover {
        display: none;
    }

    .menu-item .big-text {
        position: relative;
        top: initial;
        left: initial;
        transform: none;
        opacity: 1;
    }

    .menu_number {
        display: none;
    }

    .menu-item:nth-of-type(2n) {
        transform: none;
    }

    .menu-graph {
        width: 100%;
        width: 100%;
        top: 50%;
        transform-origin: center top;
        transform: scaleY(1.7) scaleX(1.05) translateY(-50%);
    }

    .menu .menu-logo {
        width: 5.46667vw;
        top: 6.79610%;
        left: 11.86667%;
    }

    .menu .close {
        top: 5.99565%;
        right: 12.33333%;
    }

    .close {
        width: 8.80000vw;
        height: 8.80000vw;
    }

    .menu-get-in-touch {
        top: initial;
        right: initial;
        left: 12%;
        bottom: 7.5%;
        display: block;
    }

    .menu .socials {
        display: flex;
        bottom: 8.825%;
        right: 12.78125%;
    }

    .socials a:nth-of-type(1) {
        width: 5.33333vw;
    }

    .socials a:nth-of-type(2) {
        width: 4.80000vw;
        margin: 0vw 4.80000vw;
    }

    .socials a:nth-of-type(3) {
        width: 5.33333vw;
    }

    .who-made-it {
        font-size: 3.20000rem;
        letter-spacing: 0.02500em;
        left: initial;
        transform: none;
        top: initial;
        bottom: 33.9%;
        right: 12.78125%;
        bottom:initial;
        transform: translateY(173%);
    }

    .text-close {
        font-size: 3.46667rem;
    }

    #who-made-it-modal svg {
        width: 74.241vw;
    }





    /*MODAL*/
    .modal-window {
        background: none;
        width: 100%;
        height: 100%;
    }

    .modal-window-content {
        width: 75.20000%;
        top: 26.68666%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }

    .modal-window-content .big-text {
        margin-bottom: 6.29219vw;
    }


    .modal-window-content form input,
    .modal-window-content form textarea {
        padding: 3.60625rem;
        font-size: 3.46667rem;
    }

    .modal-window-content form input {
        margin-bottom: 5.47656vw;
    }

    .modal-window-content form textarea {
        height: 33.7vw;
    }

    .modal-window-content button {
        margin-top: 9.45312vw;
    }

    .modal .close {
        position: absolute;
        top: 12.48594vw;
        right: 10.85469vw;
    }

    .modal-window-content p {
        font-size: 3.46667rem;
        letter-spacing: 0.04000em;
        line-height: 1.76923;
        margin-bottom: 6.29219vw;
    }


    .modal .polygon {
        position: absolute;
        right: 0;
        top: 0;
        height: 119.86507%;
        transform: translateY(-38.651%) translateX(66%);
    }

    .modal .polygon svg {
        width: auto;
    }

    .modal .polygon .polygon {
        height: calc(100% - 23.98801vh);
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
    }

    .loader-percentage {
        font-size: 9.60000rem;
        bottom: initial;
        top: 29.98501%;
        left: 50%;
        transform: translateX(-50%);
    }

    .loader-percentage #loader-percentage-value {
        font-size: 19.20000rem;
    }
}





@media all and (max-width:750px) and (max-aspect-ratio:16/9) and (orientation: portrait) {
    html {
        font-size: 0.9vw;
    }

    section.charity .wallet-address {
        position: relative;
        top: 3vh;
    }
}