@font-face{
	font-family: "Titillium Web";
	src:local(""), url("fonts/TitilliumWeb-Regular.ttf");
}
body{
	font-family: 'Titillium Web', sans-serif;
}
#anim1{
	display:none;
}
.anim2{
	display:none;
}
.anim3{
	display:none;
}

#map{height:100vh;}
#home_text{
	display: none;
	position:absolute;
	text-align: center;
	vertical-align: middle;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	color:white;
	text-shadow: 0px 0px 3px white;

}
#home_text h1,h2{
	font-size: 6vh;
	white-space: nowrap;
}
#particles-js{
  height:99vh;
  background-color: black;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
body{
	overflow-x: hidden;
	margin:0 !important;
	padding:0 !important;
	background-color: black;
	color:#ecf0f1;
}
a{
	color:#27ae60;
}
a:hover{
	color:#27ae60;
}
.navbar{
	border-top:white 2px solid;
	background-color: black;
	display: none;
	
}
.nav-item{
	padding-right: 2vw;
}
.nav-link{
	color:white;
	text-decoration:none;
	font-size: 2vh;
}
.show .navbar-text{
	border-top: solid white 2px;
}
.navbar-toggler{
	height:50px;
	width:50px;
}
.show{
	font-size: 20px;
}
.collapsing{
	font-size: 20px;
}
.show .nav-item{
	padding-bottom:20px;
}
.collapsing .nav-item{
	padding-bottom:20px;
}
.navbar-toggler{
	float:right;
}
@media (max-width: 576px){
	#home_text h1,h2{
	font-size: 4vh;
	}
}
@media (max-width:768px){
	.card{
		width:300px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.toprow{
		margin-bottom:0px !important;
	}
	.chart-wrapper_full{
		width:80vw !important;
	}
}
@media (max-width:992px){
	.toprow{
		margin-bottom: 100px;
	}
}
.chart-wrapper{
	width:80%;
}
.chart-wrapper_full{
	width:30vw;
}
.col{
	padding:0px !important;
}
.card-img-top{
	background-color: black;
	border-bottom:solid 1px white;
	object-fit: cover;
	width:100%;
	height:10vh;
}
.card-body{
	background-color: black;
	height:150px;
}
.card{
	margin:15px;
}
.card-body{
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
.card-title{
	font-weight: bold;
}
.card {
	border:3px solid #27ae60 !important;
	border-radius: 25px;
	overflow:hidden;
	transition: all 300ms ease-in-out;
}
.card:hover{
	box-shadow: 0px 0px 1em #27ae60;
}
.chartfull{
	margin-bottom:100px;
}
.btn{
	background-color:#27ae60 ;
}