@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css');

html,
body {
  height: 100%
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background-color: #E5E5E5;
}

:root {
    --primary-color: #0873BA;
    --secondary-color: #232323;
    --card-icon: white;
}

@media (min-width:576px) {
    .cover-container{height: 30vh;}
}

[class*="fa"] {
    color: var(--primary-color);
}

.container-fluid {
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5 {
    color: var(--primary-color);
    text-transform: uppercase;
}

.footer-basic {
  padding:40px 0;
  background-color:#ffffff;
  color:#4b4c4d;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  color:#aaa;
  margin-bottom:0;
}