html{ 
	height:100%; 
	scroll-behavior: smooth;
	min-width:440px;
	}
body{
	margin:auto;
	padding:0;
	font-family:Arial, Liberation Sans, Microsoft Sans Serif;   
	text-align:center;	
	min-height:100%;
	background:#fff;	
	min-width:440px;
}
	
.hidden { 
	display: none;
}
.unhidden {
	display: inline;	
	animation: hideEntrance 1000ms ease-out;	
	animation-fill-mode: backwards;
}

@keyframes cardEntrance {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hideEntrance {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#vibe{	
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	margin: 0;
	background:#fff;		
	background: linear-gradient(110deg, #fff 60%, #90fd4e 60%);	
	background-attachment: fixed;
}
#header{	
	font-size:15px;
	background:none;
	text-align:left;
	padding:45px 10% 10px 10%;
	transition: all 500ms;	
	animation: headEntrance 500ms ease-out;	
	animation-fill-mode: backwards;
}
#header a{
	color:#777;
	text-decoration: none;
	margin-right:60px;
}
.headlogo{
	font-family: Impact, Impactsgm;
	font-size:35px;
	font-weight:normal;
	color:#020202;
	float:left;
	text-shadow: -1px -1px 0 #777, 1px -1px 0 #777, -1px 1px 0 #777, 1px 1px 0 #777;
}
.widemenu{
	float:right;
	position:relative;
	top:10px;
	display:inline-block;
}
.shortmenu{
	float:right;
	display:none;
	margin-top:7px;
}
.shortmenus{	
	display:none;
}
#content{
	font-size:15px;		
	margin:auto;	
	padding:10px 10%;		
	color:#777;
}
#topmenu{
	line-height:1.7;
}
#contleft{
	float:left;
	width:59%;
	text-align:left;	
	background:none;
}
#contright{
	float:right;
	width:34%;
	text-align:center;
	border-radius:40px;
	background:#fff;
	line-height:2.5;
	margin-bottom:30px;
	transition: all 500ms;		
}
.rightanime{
	animation: cardEntrance 500ms ease-out;	
	animation-delay: 300ms;
	animation-fill-mode: backwards;
}
#topgap{
	clear:both;
	height:20px;
}

form{
	font-size:14px;
}
.contin{
	padding:3% 5%;
}
.contin a{
	font-weight:normal;
	text-decoration:none;
	color:#89f14b;
}
.contmenu{
	border: 14px solid #90fd4e;
	border-radius:30px;
	padding:15px 0;
	margin:10px 0;
}
.contmenu a{
	font-weight:bold;
	font-size:18px;
	color:#bbb;
}
.goals{
	font-family:Segoe Script, Segoesgm;
	font-size:18px;
	font-weight:bold;
	color:#999;		
	transition: all 500ms;	
	animation: cardEntrance 500ms ease-out;				
	animation-fill-mode: backwards;
}
#content h1{
	padding:0;
	margin:0;
	font-size:30px;
	font-weight:bold;
	color:#89f14b;
	text-shadow: 1px 1px 0 #777;	
	transition: all 500ms;	
	animation: cardEntrance 500ms ease-out;				
	animation-fill-mode: backwards;
}
#footer{
	width: 100%;
	height: auto;
	background:none;
	font-size:14px;	
	clear:both;
	margin:50px auto 30px;
	padding-top:40px;
}
#footer a{
	color:#888;
	text-decoration: none;
	margin:0 40px;
}
#topmenu a{
	margin-right:0;
}
img{
	border:none;	
	transition: all 500ms;	
	animation: cardEntrance 500ms ease-out;				
	animation-fill-mode: backwards;
}
p{	
	transition: all 500ms;	
	animation: cardEntrance 500ms ease-out;				
	animation-fill-mode: backwards;
}
.contimg{
	width:100%;
	box-shadow: 20px 20px #90fd4e;
	margin-bottom:24px;
	background:#ddd;
}
.logimg{
	width:64%;
	margin:0 0 20px 0;
	animation: none;
}
table{
	border:none;
}
tr{	
	transition: all 500ms;	
	animation: cardEntrance 500ms ease-out;				
	animation-fill-mode: backwards;
}
td{
	padding:2px 10px;
	vertical-align:text-top;
}

@font-face{
    font-family: Impactsgm;
    src: url('impactfont.ttf');
}
@font-face{
    font-family: Segoesgm;
    src: url('segoefont.ttf');
}
@font-face{
	font-family: Banksystem;
	src: url('banklight.ttf');
}

@-ms-viewport{width: device-width}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media screen and (max-width: 1800px){	
	#header{			
		padding:45px 7% 10px 7%;
	}
	#content{
		padding:10px 7%;		
	}
}
@media screen and (max-width: 1310px){
	.shortmenu{
	display:inline-block;
	}
	.shortmenus{
		display:inline-block;
	}
	.widemenu{
	display:none;
	}	
	
	#header{			
		padding:40px 5% 10px 5%;
	}
	#content{
		padding:10px 5%;		
	}
	#footer{		
		margin:50px auto 20px;
	}
}
@media screen and (max-width: 790px){
	.mdis{
		display:none;
	}
}
@media screen and (max-width: 670px){
	.mdis2{
		display:none;
	}
}
@media screen and (max-width: 800px){
	#contleft{
	float:left;
	width:100%;
	margin-bottom:15px;
	}
	#contright{
	float:left;
	width:100%;
	}
	.contin{
		padding:0;
	}	
	#footer{
		position:static;
		width:100%;
		margin:40px auto 10px;
		padding-top:0px;
	}
	#footer a{		
		margin:0 20px;
	}
	.contmenu{
		border: 10px solid #90fd4e;
		border-radius:30px;
		padding:15px 0;
		margin:10px 14px;
	}
	.contmenu a{
		font-size:16px;
		color:#aaa;
	}
	.logimg{
		width:64%;
		margin:0 0 10px 0;
	}
	
	.headlogo{		
	font-size:30px;
	}
	#content h1{
		font-size:26px;
	}
	#header{
	padding:25px 20px 0px 20px;
	}	
	#content{
	padding:0px 20px 10px;
	}
}