/* https://www.gradient-animator.com/ */
body {
	background: linear-gradient(270deg, #314755, #26a0da);
	background-size: 400% 400%;

	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	-o-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}
@-moz-keyframes AnimationName {
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}
@-o-keyframes AnimationName {
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}
@keyframes AnimationName {
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}

#main-container {
	height: 100vh;
	overflow: hidden;
}

#bm-logo {
	height: 100%;
	mix-blend-mode: color-dodge;
}

.bm-logo-text {
	font-size: 3vw;
	font-weight: bold;
	color: #565656;
	mix-blend-mode: color-dodge;
	padding-left: 1vw;
	vertical-align: middle;
}

#ec-logo {
	height: 95%;
	mix-blend-mode: color-dodge;
	float: right;
}

.footer-row {
	height: 12%;
	margin: 0;
	padding: 0 1vw 4vh 1vw;
	text-align: left;
}

.row {
	height: 20%;
	margin-top: 1.5vh;
	margin-bottom: 1.5vh;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-4 {
	padding-left: 1vw;
	padding-right: 1vw;
}

.coin-img {
	width: 6.5vw;
	height: 6.5vw;
}

.thumbnail {
	padding: 3ex;
	margin-bottom: 0;
}

.coin-long-name {
	font-size: 2.25vw;
	font-weight: bold;
}

.coin-name {
	font-size: 1.25vw;
	margin-left: 1ex;
	padding: .3em .5em;
}

.coin-text-table {
	margin-left: 3ex;
}

.coin-rates-td {
	font-size: 1.2vw;
}

.coin-ask-rate, .coin-ask-currency, .coin-bid-rate, .coin-bid-currency {
	font-weight: bold;
}
