/** Colors **/
[data-color=turquoise] {
	background-color: #00BD9C;
	color: #FFFFFF;
}
[data-color=emerald] {
	background-color: #1FCE6D;
	color: #FFFFFF;
}
[data-color=peterriver] {
	background-color: #2C97DE;
	color: #FFFFFF;
}
[data-color=amethyst] {
	background-color: #9C56B8;
	color: #FFFFFF;
}
[data-color=wetasphalt] {
	background-color: #33495F;
	color: #FFFFFF;
}
[data-color=greensea] {
	background-color: #00A185;
	color: #FFFFFF;
}
[data-color=nephritis] {
	background-color: #1AAF5D;
	color: #FFFFFF;
}
[data-color=belizehole] {
	background-color: #227FBB;
	color: #FFFFFF;
}
[data-color=wisteria] {
	background-color: #8F3FAF;
	color: #FFFFFF;
}
[data-color=midnightblue] {
	background-color: #2B3E51;
	color: #FFFFFF;
}
[data-color=sunflower] {
	background-color: #F2C500;
	color: #FFFFFF;
}
[data-color=carrot] {
	background-color: #E87E04;
	color: #FFFFFF;
}
[data-color=alizarin] {
	background-color: #E94B35;
	color: #FFFFFF;
}
[data-color=clouds] {
	background-color: #ECF0F1;
	color: #FFFFFF;
}
[data-color=concrete] {
	background-color: #95A5A6;
	color: #FFFFFF;
}
[data-color=orange] {
	background-color: #F59D00;
	color: #FFFFFF;
}
[data-color=pumpkin] {
	background-color: #D55400;
	color: #FFFFFF;
}
[data-color=pomegranate] {
	background-color: #C23824;
	color: #FFFFFF;
}
[data-color=silver] {
	background-color: #BDC3C7;
	color: #FFFFFF;
}
[data-color=asbestos] {
	background-color: #7F8C8D;
	color: #FFFFFF;
}
body {
	margin: 0;
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
	color: #333;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Ubuntu', sans-serif;	
}
[placeholder] {
	font: inherit;
}
.btn {
	border-radius: 0;
	border: 0;
}
.btn-secondary {
	background-color: red;
}
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tbody tr th,
.table-borderless tbody tr td {
	border: 1px solid #FFFFFF !important;
	background-color: rgba(255, 255, 255, 0.2);
}
.form-control {
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0;
	background-color: rgba(255, 255, 255, 0.4);
}
section {
	min-height: 100vh;
	padding: 12vh 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	section .container {
		width: 100%;
	}
}
section h2 {
  margin-bottom: 30px;
}
footer {
	line-height: 145px;
}