body { padding-top: 60px; }
footer { padding-top:    20px;
         padding-bottom: 10px; }
.footimg img {
  width:    100%;
  max-width: 395px;
  overflow: hidden;
}
.progress-font{
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
  font-style: italic;
}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.overlay a.info span i {
top: 40%;
position: relative; 
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

.hovereffect a.info {
text-decoration:none;
display: block;
position: relative; 
height: 100%;
width: 100%;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
}


.hovereffect a.info:hover {
/*box-shadow:0 0 5px #fff;*/
}

.hovereffect:hover img {
-ms-transform:scale(1.0);
-webkit-transform:scale(1.0);
transform:scale(1.0);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.0s;
transition-delay:.0s;
}


.card-header .collapsed .fa {
transform: rotate(90deg);
}

.card-header .fa {
    transition: .3s transform ease-in-out;
}

.fa.pull-right {
    margin-left: .3em;
}

.pull-right {
    float: right;
}



.cardanimated{
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  /*cursor: pointer;*/
}

.cardanimated:hover{
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}


.postsummary {
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: 0.3s;
}

.postsummary:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.card-columns .card {
  margin-bottom: 1.25rem; }
  
  
/* parallax effect */

.parallax {
  height: 350px;
  background-image: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.5));
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.parallax__img {
    position: absolute;
    z-index: -1;
    width: 100%;
    min-height: 400px;
    object-fit: cover;
  }
  
.parallax__text-box {
    display: flex;
    width: 70vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
.parallax__title {
    
    display:flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    margin-bottom: 20px;
  }

.parallax__subtitle {
    color: #fff;
  }