body{
	background-color: #edeccd;
}
@media (min-width: 350px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 575px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 767px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 991px) {
  .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1119px) {
  .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
.head{
	background: #fff;
	color: #000;
}
footer{
	background: #83161c;
	color: #fff;
	padding: 2px;
	position: relative;
	top: 10px;
}
.pullup{
	background: url(../images/toposi.png) top right;
	background-repeat: no-repeat;
	position: relative;
	top: -10px;
	padding-top: 20px;
}
/*The Anchor links color*/
a{
	color: #333;
}
a:hover{
	color: #227c7d;
	text-decoration: underline;
	font-weight: bold;
}
.blue{
	color: #174686;
}
.orange{
	color: #217d7c;
	font-weight: bold;
}
.blue{
	background: #174686;
	color: #fff;
	padding: 10px;
}
.orange a{
	color: #174686;
}
.orange a:hover{
	color: #83161c;
}
.down{
	position: relative;
	top: 5px;
}
.bold{
	font-weight: bold;
}