:root {
	--main-color: #00E175;
	}
  

body{
	background-color:#ddefef;
	padding-bottom: 40px;
	font-family: 'Roboto', sans-serif;
	color:#eee;
	font-size: 0.8rem;
}

.card-header{
	background-color:#138496; 
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #034456;
	text-align:center;
	padding:4px;
}

/* SM - Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}


/* MD - Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}


/* LG - Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}


/* XL Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}