* {
	font-family: 'Yantramanav', sans-serif;
}

body {
	background: url("../img/back.jpg");
	background-color: #080b22;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

.hero-body {
	background: url("../img/back.jpg");
	background-color: #080b22;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

#footer {
	padding: 20px;
}

#connected {
	padding-top: 20px;
}

.is-semi-transparent {
	background:rgba(255,255,255,0.8);
}

.is-semi-dark-transparent {
	background:rgba(16, 10, 40,0.85); /* lunatic world dark glass */
}

a.has-hover-dark:hover, label.has-hover-dark:hover {
	background-color: #ff9edb; /* playful pink hover */
}

.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
	background-image: linear-gradient(135deg, #ff9edb, #8fd3ff);
	color: #1b1033;
	border-radius: 999px;
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
	color: #fef9ff;
}

.bm--card-equal-height {
   display: flex;
   flex-direction: column;
   height: 100%;
}
.bm--card-equal-height .card-footer {
   margin-top: auto;
}

@media screen and (max-width: 700px) {
	.is-responsive {
		border: 0;
	}

	.is-responsive caption {
		font-size: 1.3em;
	}
  
	.is-responsive thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
  
	.is-responsive tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
  
	.is-responsive td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
		width: 250px;
	}
  
	.is-responsive td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
  
	.is-responsive td:last-child {
		border-bottom: 0;
	}
}