@charset "utf-8";
/* CSS Document */
@media (min-device-width: 150px) and (max-device-width: 736px), screen and (device-width: 768px) and (device-height: 1280), screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 720px) and (device-height: 1280)
 {
   

body{
	
	line-height: 2;
}

.centerContent{
	
	display: block;
	padding: 15px;
	box-sizing: border-box;
	width: 90vw;
	margin-left: auto;
	margin-right:auto;
}

	 
	 .three > div {
	width: 100%;
}

.center{
	
	text-align: center;
}

h1,h2,h3,h4{
	
	font-size: 1.5em !important;
	font-weight: bold;
}


.tagline{
	width: 100vw;
	background-color: black; color:white; font-size: 13px; letter-spacing: 4px; font-weight: bold; padding: 8px; text-align: center;
	position: fixed; left:0px; top:0px; z-index: 31;
}
	 
	 
	 .navbar{
		 width: 100vw;
	 }	 
	 
	 
	 
	 .flexOR{
		 
		 display: block !important;
	 }
	 
	 
	 
	 .banner{
		 
		 opacity: .55;
    height: 100vh;
		 width: auto !important;
    max-width: inherit;
    position: relative;
    left: -500px;
	 }
	 
	 
	 .bannerlogo{
		 
		 position: absolute;
    top: 30vh;
    left: 50%;
    width: 60vw;
    margin-left: -30vw;
    height: auto;
	 }
	 
	 
	 .tokenomics h1{
		 
		 font-size: 2em !important;
		 
	 }
	 
	 .tokenomics div{
		 
		 padding: 0px !important;
	 }
	 
}