.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'Inter';
src: url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Regular.eot);
src: local('☺'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Regular.woff) format('woff'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Regular.ttf) format('truetype'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Regular.svg) format('svg');
font-weight: 400;
font-style: normal;
font-display:swap;
}
@font-face {
font-family: 'Inter';
src: url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Medium.eot);
src: local('☺'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Medium.woff) format('woff'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Medium.ttf) format('truetype'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Inter-Medium.svg) format('svg');
font-weight: 500;
font-style: normal;
font-display:swap;
}@font-face {
font-family: 'Lexend';
src: url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-Medium.eot);
src: local('☺'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-Medium.woff) format('woff'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-Medium.ttf) format('truetype'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-Medium.svg) format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-SemiBold.eot);
src: local('☺'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-SemiBold.woff) format('woff'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-SemiBold.ttf) format('truetype'), url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/Lexend-SemiBold.svg) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}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: inherit;
vertical-align: baseline;
} :focus {
outline: 0;
} 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: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
} img {
border: 0; -ms-interpolation-mode: bicubic; } figure {
margin: 0;
} form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}@font-face {
font-family: 'icomoon';
src:  url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/icomoon.eot?es7r8s);
src:  url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/icomoon.eot?es7r8s#iefix) format('embedded-opentype'),
url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/icomoon.ttf?es7r8s) format('truetype'),
url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/icomoon.woff?es7r8s) format('woff'),
url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/fonts/icomoon.svg?es7r8s#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-down:before {
content: "\e90a";
}
.icon-open-sea:before {
content: "\e909";
}
.icon-info:before {
content: "\e908";
}
.icon-bars:before {
content: "\e900";
}
.icon-discord:before {
content: "\e901";
}
.icon-facebook:before {
content: "\e902";
}
.icon-instagram:before {
content: "\e903";
}
.icon-linkedin:before {
content: "\e904";
}
.icon-minus:before {
content: "\e905";
}
.icon-plus:before {
content: "\e906";
}
.icon-twitter:before {
content: "\e907";
}:root {
--main-bg-color: #121212;
--block-bg-color: #181818;
--main-color: #21C95D;
--btn-hover-bgcolor: #B70B25;
} body {
font-family: 'Inter', sans-serif;
background: var(--main-bg-color);
color: #BDBBBA;
}
a {
color: #fff;
text-decoration: none;
}
.container {
max-width: 1220px;
width: 100%;
margin: 0 auto;
} .btn{
display: flex;
align-items: center;
font-weight: 600;
font-size: 16px;
line-height: 24px;
padding: 12px 20px;
background: var(--main-color);
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
transition:0.3s;
}
.btn:hover{
background: var(--btn-hover-bgcolor);
}
.btn:focus:active{
background: var(--main-color);
border: 1px solid var(--btn-hover-bgcolor);;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 3px rgba(215, 30, 58, 0.4);
}
.btn span{
font-size: 18px;
margin:0 8px 0 0;
} .site-header{
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
padding: 30px 50px 0 50px;
z-index:2;
box-sizing:border-box;
}
.site-header > div{
flex-basis:215px;
}
.site-header .mobile_discord,
.site-header .mobile_logo{
display:none;
}
.menu-wrap {
position:relative;
display: flex;
align-items:center;
}
.menu-wrap .discord_btn {
margin:0 30px 0 0;
}
.menu-wrap .menu-icon {
cursor:pointer;
}
.site-header .menu{
display:none;
position:absolute;
top:120%;
right:0;	
background: var(--main-color);
padding: 20px;
border-radius: 8px;
}
.site-header .menu li:not(:last-child){
margin: 0 0 14px 0;
} .site-main > div{
position: relative;
padding:96px 0;
}
.site-main ul,
.site-main ol{
margin:0 0 0 25px;
}
.site-main ul{
list-style:disc;
}
.site-main ol{
list-style:decimal;
} .block_title{
font-family: 'Lexend';
font-weight: 500;
font-size: 48px;
line-height: 140%;
color: #FFFFFF;
margin:0 0 15px 0;
} #planet{
min-height: 100vh;
background: url(//democracyprojectnft.io/wp-content/themes/webdesignsuntheme/assets/images/react_globe_2.jpg) 50% 50% no-repeat;
background-size:auto 100%;
}
#planet .scroll_down{
position: absolute;
left: 0px;
bottom: 110px;
transform: rotate(-90deg);
}
#planet .scroll_down:before{
content: '';
display: inline-block;
vertical-align: middle;
width: 70px;
height: 1px;
background: rgba(255, 255, 255, 0.4);
}
#planet .popup:after{
content: '';
position: absolute;
bottom: -16px;
right: 0;
width: 0;
height: 0;
border-top: 16px solid var(--main-color);
border-left: 16px solid transparent;
}
#planet .popup{
display: none;
position: absolute;	
width: 100%;
max-width: 440px;
height: 230px;
padding: 20px;
right: 40px;
bottom: 110px;
background: var(--main-color);
color: #fff;
border-radius: 8px 8px 0px 8px
}
#planet .popup .popup_title{
font-family: 'Lexend';
font-weight: 500;
font-size: 24px;
line-height: 140%;
}
#planet .popup .popup_text{
font-weight: 400;
font-size: 16px;
line-height: 150%;
}
#planet .icon{
display:none;
position: absolute;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
width: 48px;
height: 48px;
border-radius: 50%;
right: 40px;
bottom: 40px;
cursor: pointer;
background: var(--main-color);
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);	
transition:0.3s;
}
#planet .icon:hover{
background: var(--btn-hover-bgcolor);
}
#planet .icon:active{
background: var(--main-color);
border: 1px solid var(--btn-hover-bgcolor);;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 3px rgba(215, 30, 58, 0.4);
}
#planet .gradient{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
background: linear-gradient(180deg, #181818 0%, rgba(24, 24, 24, 0) 100%);
transform: matrix(1, 0, 0, -1, 0, 0);
}
#planet .mobile_more{
display:none;
position:absolute;
width:80%;
top:85vh;
left: 50%;
transform: translate(-50%, 0%);
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align:center;
text-transform:uppercase;
padding:16px;
background: #444444;
opacity: 0.7;
cursor:pointer;
}
#planet .mobile_more:hover{
opacity: 1;
}
#planet .mobile_more span{
font-size: 10px;
margin:0 10px;
} #mission {
background: var(--block-bg-color);
}
#mission .container{
display: flex;
align-items:center;
}
#mission .left,
#mission .right{
width:50%;
}
#mission .block_text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
max-width:500px;
}
#mission .block_image.mob_slider {
display:none;
}
#mission .block_image {
display: flex;
flex-wrap: wrap;
justify-content: end;
}
#mission .block_image img{
max-width: 284px;
max-height: 284px;
height: auto;
border-radius: 10px;
}
#mission .block_image img:nth-child(1),
#mission .block_image img:nth-child(3){
margin-right:24px;
}
#mission .block_image img:nth-child(1),
#mission .block_image img:nth-child(2){
margin-bottom:24px;
} #buy_nft {
background: var(--block-bg-color);
width:100%;
overflow-x:hidden;
padding:48px 0 24px 0;
}
#buy_nft .container{
display: flex;
flex-direction: column;
align-items:center;
padding:33px 0 54px 0;
}
#buy_nft .block_title {
font-size: 40px;
}
#buy_nft .block_text {
font-weight: 400;
font-size: 20px;
line-height: 150%;
margin:0 0 40px 0;
}
#buy_nft .carousel_bottom img,
#buy_nft .carousel_top img{
margin:0 16px;
border-radius: 10px;
max-height:384px;
width:auto;
} #roadmap {
background: var(--block-bg-color);
}
#roadmap .block_title {
margin: 0 0 75px 0;
text-align:center;
}
#roadmap .steps {
position: relative;
}
#roadmap .steps:before {
content: '';
position:absolute;
top:10%;
left:50%;
width: 0;
height:80%;
border-left: 1px dashed #21C95D;
}
#roadmap .step {
position: relative;
width: 100%;
max-width: 488px;
box-sizing: border-box;	
margin: 0 0 56px 0;
}
#roadmap .step:last-child {
margin:0 0 28px 0
}
#roadmap .step.left {
left: 0;
}
#roadmap .step.right {
left: 60%;
}
#roadmap .step .title{
font-family: 'Lexend';
font-weight: 600;
font-size: 28px;
line-height: 28px;
color: var(--main-color);
margin: 0 0 15px 0;
}
#roadmap .step .text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
#roadmap .step .icon{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 30%;
width: 72px;
height: 72px;
background: #121212;
border: 1px solid #21C95D;
border-radius: 50%;
}
#roadmap .step.right .icon{	
left: calc(-32% - 2px);	
}
#roadmap .step.left .icon{
left: calc(117% + 3px);
} #nonprofit {
background: var(--block-bg-color);
padding-top:50px;
}
#nonprofit .container{
display: flex;
flex-direction: column;
align-items:center;
}
#nonprofit .block_title {
font-size: 40px;
}
#nonprofit .block_text {
width:100%;
max-width:850px;
font-weight: 400;
font-size: 20px;
line-height: 150%;
text-align:center;
} #faq .container{
display: flex;
}
#faq .block_title{
font-size: 56px;
}
#faq .left{
width: calc(46% - 64px);
margin: 0 64px 0 0;
}
#faq .right{
width: 54%;
}
#faq .block_text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
#faq .item{
position:relative;
padding: 30px 78px 30px 30px;
border: 1px solid transparent;
border-radius: 16px;
margin:0 0 3px 0;
}
#faq .item:hover{
background: #0D0D0D;
border: 1px solid #191919;
}
#faq .item.active:hover,
#faq .item.active{
background: #181818;
border: 1px solid #0E0E0E;	
}
#faq .question{
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;
cursor:pointer;
}
#faq .question span{
position:absolute;
top:37px;
right:35px;
cursor:pointer;
font-size:14px;
}
#faq .question span.icon-minus{
top:39px;
}
#faq .item .question .icon-plus,
#faq .item.active .question .icon-minus{
display:block;
}
#faq .item .question .icon-plus{
color:rgba(255,255,255,0.5);
}
#faq .item:hover .question .icon-plus,
#faq .item.active .question .icon-minus{
color:#fff;
}
#faq .item .question .icon-minus,
#faq .item.active .question .icon-plus{
display:none;
}
#faq .item:hover .question{
color: var(--main-color);
}
#faq .item.active .question{
color: var(--main-color);
margin: 0 0 15px 0;
}
#faq .answer{
display: none;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
#faq .item.active .answer{
display:block;
} #team{
background: var(--block-bg-color);
padding:96px 0 70px 0
}
#team .items{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#team .items .item {
margin:0 0 26px 0;
max-width: 280px;
}
#team .items .image {
margin: 0 0 24px 0;
max-width:280px;
height:296px;
overflow:hidden;
}
#team .items .image img{
display: block;
width:100%;
height:auto;
}
#team .items .name {
font-family: 'Lexend';
font-weight: 600;
font-size: 24px;
line-height: 28px;
color: var(--main-color);
margin: 0 0 4px 0;
}
#team .items .position {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
#team .block_title{
line-height: 120%;
}
#team .block_text{
font-weight: 400;
font-size: 20px;
line-height: 150%;
margin:0 0 56px 0;
} .site-footer .site-info{
display: flex;
justify-content: space-between;
align-items: center;
padding: 65px 0 55px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-footer .site-info > div{
flex-basis: 174px;
}
.site-footer .copyright{
padding: 32px 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #666666;
} .discord_btn{
border-radius: 160px;
} .social-icons {
display: flex;
justify-content: center;
margin: 0 0 20px 0;
}
.social-icons a{
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
font-size: 21px;
color: rgba(255,255,255,0.5);
transition: 0.3s;
}
.social-icons a:not(:last-child) {
margin: 0 15px 0 0;
}
.social-icons a:hover{
color: rgba(255,255,255,1);
} .contact-form {
max-width: 280px;
}
.contact-form .form_title{
font-weight: 600;
font-size: 13px;
font-style: italic;
color: #fff;
margin:0 0 10px 0;
}
.contact-form .form_row{
display:flex;
}
.contact-form input.wpcf7-text{
background-color: #272626;
color:#fff;
border:none;
padding:5px;
max-width: 220px;
}
.contact-form input.wpcf7-submit{
background-color: #4b4a4a;
border: 0ch;
padding: 0 10px;
color: #fff;
caret-color: transparent;
transition: .3s;
}
.contact-form  .wpcf7-response-output{
position:absolute;
}@media screen and (max-width: 1220px) {
.container {
padding:0 20px;
box-sizing:border-box;
}
#mission .container {
flex-wrap: wrap;
flex-direction: column;
overflow:hidden;
}
#mission .left, #mission .right{
width:70%;
justify-content: center;
}
#mission .left {
margin: 0 0 40px 0;
}
#mission .block_text{
max-width:100%;
}
#roadmap .steps {
width: 50%;
margin: 0 auto;
}
#roadmap .steps::before {
left:525px;
}
#roadmap .step.right .icon,
#roadmap .step.left .icon{
left:100%;
}
#roadmap .step.right {
left: 0;
}
#faq .container{
flex-wrap: wrap;
flex-direction: column;
align-items:center;
}
#faq .left{
width:54%;
margin:0 0 40px 0;
}
#team .container{
width: 60%;
}
#team .item{
margin:0 0 40px 0;
}
}
@media screen and (max-width: 1010px) {
.block_title{
text-align:center;
}
.block_text{
padding:0 10%;
}
#mission .right{
width:90%;
}
#mission .left{
width:100%;
}
#mission .block_text{
max-width:100%;
}
#mission .block_image{
justify-content: center;
}
#roadmap .steps{
width:100%;
}
#roadmap .steps::before {
left: calc(50% + 280px);
}
#roadmap .step{
margin: 0 auto 56px auto;
}
#roadmap .step:last-child{
margin: 0 auto;
}
#faq .left, #faq .right{
width:100%;
}
#team .container{
width:100%;
}
#team .items{
justify-content: space-around;
}
}
@media screen and (max-width: 767px) {
.site-header{
padding:16px 16px 0 16px;
}
.site-header > div{
flex-basis:40px;
}
.site-header .mobile_discord{
flex-basis:auto;
}
.site-header .menu{
padding:10px;
min-width:180px;
top: 40px;
}
.site-header .mobile_discord,
.site-header .mobile_logo{
display:block;
}
.site-header .custom-logo-mobile{
display:block;
max-width:40px;
height:auto
}
.site-header .menu-wrap .discord_btn,
.site-header .social-icons,
.site-header .custom-logo,
.site-header .custom-logo-link{
display:none;
}
#planet .scroll_down{
display:none;
}
#planet .mobile_more{
display:flex;
justify-content:center;
align-items:center;
}
#planet .popup{
width: 70%;
}
#mission .block_image{
display:none;
} 
#mission .block_image.mob_slider{
display: flex;
}
#mission .block_image img, 
#mission .block_image img:nth-child(1), 
#mission .block_image img:nth-child(2),
#mission .block_image img:nth-child(3) {
margin:0 16px;
}
#mission .block_image{
align-items:center;
flex-direction:column;
}
#faq .block_title,
.block_title{
font-size:36px;
}
#buy_nft .block_text,
#team .block_text,
.block_text{
font-size:16px;
}	
#buy_nft .carousel_bottom img, 
#buy_nft .carousel_top img{
max-width:200px;
max-height:200px;
}
#roadmap .step .title{
font-size:18px;
padding: 0 0 0 60px;
}
#roadmap .step.right .icon, #roadmap .step.left .icon {
left:0;
}
#roadmap .step .icon{		
top:-10px;
width:42px;
height:42px;
}
#roadmap .step .icon img{
max-width: 60%;
}
#roadmap .steps::before{
display:none;
}
#planet .popup .popup_text,
#roadmap .step .text,
#faq .answer{
font-size:14px;
}
.site-footer .site-info{
flex-direction:column;
}
.site-footer .site-info > div{
margin:0 0 40px 0;
}
.site-footer .copyright{
font-size: 12px;
}
}
@media screen and (max-width: 767px) and (orientation:portrait){
#team .items .name,
#team .items .position,
.copyright,
.block_text{
text-align: center;
}
}
@media screen and (max-width: 392px) {
#roadmap .step:nth-child(2) .icon{
top:5px;
}
}