@import url('https://fonts.googleapis.com/css?family=Hind');
html, body{
    height:100%;
    background-color:rgb(248, 248, 248)!important;
    
}
.container{
    display:table;
    height:100%;
}
.centerContent{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    font-family:'Hind', 'Arial Narrow Bold', sans-serif;
}
p{
    color:#2c3e50;
    font-size:18px;
}
.text{
    animation-delay: 2s;
    max-width:600px;
    margin:auto;
}
.mainAnim{
    overflow: hidden;
}

.wrap{
    animation-delay: 2s;
}
h1{
    font-size:54px!important;
    font-family:impact, 'Arial Narrow Bold', sans-serif!important;
}
img{
    max-width:100%;
    height:100%;
}
.iDev {
    animation: float 3s ease-out infinite;
    animation-delay: 2;
    transform: rotate(5deg);
    transition: all 0.3s ease-in-out 0s;
  }
  .secondHeader{
    animation-delay: 3s;
    font-weight:bold;
    color:#bdc3c7;
    height:4px;
    margin:20px 0px;
  }
  h2{
      font-family:impact, 'Arial Narrow Bold', sans-serif!important;
  }
  .mini{
      font-size:12px;
  }
  .serviceImage{
    -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease-in-out 0s;
  }
  .serviceImage:hover{
    margin-top:-10px;
    margin-bottom:10px;
    transition: all 0.3s ease-in-out 0s;
  }
  .service1{
    animation-delay: 3.6s;
    animation-duration: 3.6s;
  }
  .service2{
    animation-delay: 3.4s;
    animation-duration: 3.4s;
  }
  .service3{
    animation-delay: 3.2s;
    animation-duration: 3.2s;
  }
  .service4{
    animation-duration: 3s;
    animation-delay: 3s;
  }
  
  @keyframes float {
    50% {
       transform: translate(0, 20px);
    }
  }
  .shadowFrame {
    max-width: 130px;
    margin-top: 15px;
    margin:auto;
  }
  .shadow {
    animation: shrink 3s ease-out infinite;
    transform-origin: center center;
    ellipse {
      transform-origin: center center;
    }
  }
  
  @keyframes shrink {
    0% {
      width: 90%;
      margin: 0 5%;
    }
    50% {
      width: 60%;
      margin: 0 18%;
    }
    100% {
      width: 90%;
      margin: 0 5%;
    }
  }