body {
  padding-top: 3em;
  padding-right: 3em;
   padding-left: 3em;
}

.card > img {
    height: 100px;
    width: 100px;
	display: block;
    margin-top: 5px; 

    margin-left: auto;
    margin-right: auto;
}
.card-header 
 {
background-color: lightblue;
   color: black;
}

.card-deck .card {
  min-width: 220px;
}
 
.ewkv-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.ewkv-container iframe {

  position: absolute; 
  top: 50px; 
  left: 0px; 
  width: 100%; 
  height: 100%;

}

.ewkv-container {
  display: block; 
  width: 100%;
  height: auto;
  
}

/* change the background color */
.navbar-ewkv {
    background-color: black;
	color: white;
}
/* change the brand and text color */
.navbar-ewkv .navbar-brand,
.navbar-ewkv .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-ewkv .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
	
}
/* change the color of active or hovered links */
.navbar-ewkv .nav-item.active .nav-link,
.navbar-ewkv .nav-item.focus .nav-link,
.navbar-ewkv .nav-item:hover .nav-link {
    color: white;
}