.articleone,
.articletwo,
.articlethree,
.articlefour,
.articlefive,
.articlesix{
  opacity: 0;
}


.articleone.fadeIn,
.articletwo.fadeIn,
.articlethree.fadeIn,
.articlefour.fadeIn 
.articlefive.fadeIn, 
.articlesix.fadeIn {
  opacity: 1;
}

.articleone.fadeIn {
  animation-duration: 0.5s !important;
  animation-delay: 0.5s !important;
}

.articletwo.fadeIn {
  animation-duration: 0.6s !important;
  animation-delay: 0.6s !important;
}

.articlethree.fadeIn {
  animation-duration: 0.7s !important;
  animation-delay: 0.7s !important;
}

.articlefour.fadeIn {
  animation-duration: 0.8s !important;
  animation-delay: 0.8s !important;
}

.articlefive.fadeIn {
  animation-duration: 0.9s !important;
  animation-delay: 0.9s !important;
}

.articlesix.fadeIn {
  animation-duration: 1s !important;
  animation-delay: 1s !important;
}

.fadeInDown {
  animation: color-me-in 2s;
}

@keyframes color-me-in {
  0% {
    background: black;
  }
  60% {
    background: black;
  }
  100% {
    background: transparent;
  }
}


.info p{
  opacity: 0;
}


.info p.fadeIn{
  opacity: 1;
}

.info p.fadeIn {
  animation-duration: 0.6s !important;
  animation-delay: 0.6s !important;
}
.tel.fadeInRight {
  animation-duration: 0.5s !important;;
  animation-delay: 0.5s !important;
}
.portfolio.fadeInLeft {
  animation-duration: 0.7s !important;
  animation-delay: 0.7s !important;
}