body {background-color: #e2eeff; background-size: cover; background-attachment:fixed; height: 100%;width: 100%;display: table;table-layout: fixed;}
header, h1, h2, h3, h4, h4 a{color: #c82333}
h4 a{text-decoration: underline}
h1, h3{font-weight: 300;}
footer {display: table-row; width: 100%;line-height: 60px;background-color:rgba(255,255,255,.5); color:#143383!important  }
footer a{color:#143383!important  }
html {height: 100%;}
img{width:100%}
main {display: table-row;height: 100%;vertical-align: top;}

.bg-primary{background-color: #143383!important}
.card{cursor:pointer; background-color: rgba(255,255,255,.6)}
.card:hover{background-color: #fff}
.card:active{background-color: transparent}
.content{background-color: rgba(255,255,255,.9); margin-top: 80px; padding: 25px;}
.jumbotron{ margin-bottom: 25px}
.jumbotron h1{color: #fff; font-weight: 500;}
.navbar-brand img{width: 40px; margin-right: 10px; margin-top: -3px;}
.lead{font-size: 1.2em; font-weight: 600}
.jumbotron .lead{font-size: 1.5em; font-weight: 600}
  
@media only screen and (max-width : 767px) {
	.card-columns{column-count: 1}
  .content{margin-top: 80px; padding: 15px;}
  .jumbotron{ margin-bottom: 15px}
  .lead{font-size: 1.1em}
  .nav-item{font-size:1.2em}
}
@media only screen and (min-width : 768px) {
	.mcol-2{column-count: 2; column-gap: 2em;}
	.card-columns{column-count: 2}
}
@media only screen and (min-width : 991px) {
	.card-columns{column-count: 3;}
}