@keyframes myfirst {
   0% {
      height: 20px;
      width: 20px;
      opacity: 0.5;
      margin: 5px;
      border-radius: 10px;
   }

   60% {
      height: 40px;
      width: 40px;
      margin: auto;
      margin: 0;
      border-radius: 20px;
   }

   100% {
      height: 30px;
      width: 30px;
      opacity: 1;
      margin: 5px;
      border-radius: 15px;
   }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
   0% {
      height: 20px;
      width: 20px;
      opacity: 0.5;
      margin: 5px;
      border-radius: 10px;
   }

   50% {
      height: 40px;
      width: 40px;
      margin: auto;
      margin: 0;
      border-radius: 20px;
   }

   100% {
      height: 30px;
      width: 30px;
      opacity: 1;
      margin: 5px;
      border-radius: 15px;
   }
}

body {
   background: #111;
   font-family: 'Roboto Condensed', sans-serif;
   color: #fff;
   min-width: 300px;
}

.wrapper {
   width: 100%;
   min-width: 300px;
   margin: 0px auto;
   text-align: center;
   padding: 100px 0px 0px 0px;
}

#logo {
   max-width: 100%;
   margin-bottom: 30px;
}

path{
 stroke-width: 2;
   stroke-dasharray:3;
   stroke-dashoffset:2;
}




ul.contact {
   margin: 0px auto;
   display: block;
   width: 230px;
   margin-top: 80px;
}

   ul.contact > li {
      float: left;
      list-style-type: none;
      width: 40px;
      height: 40px;
      margin-right: 5px;
      text-align: center;
   }

a.ico {
   height: 30px;
   width: 30px;
   margin: 5px;
   display: inline-block;
   background: red;
   margin-right: 5px;
   -moz-animation: myfirst 0.8s;
   -o-animation: myfirst 0.8s;
   animation: myfirst 0.8s;
   -webkit-animation: myfirst 0.8s;
   border-radius: 15px;
   -webkit-transition: all 0.2s;
   box-shadow: 0px 0px 10px 0px #111;
}

   a.ico:hover {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      margin: 0px;
   }

   a.ico.facebook {
      -webkit-animation-delay: 2.2s;
      background: #5c26d6 url(../images/facebook-icon-s.png) no-repeat 50% 50%;
   }

   a.ico.linkedin {
      -webkit-animation-delay: 2.3s;
      background: #6604d5 url(../images/linkedin-icon-s.png) no-repeat 50% 50%;
   }

   a.ico.twitter {
      -webkit-animation-delay: 2.4s;
      background: #b3028c url(../images/twitter-icon-s.png) no-repeat 50% 50%;
   }

   a.ico.email {
      -webkit-animation-delay: 2.5s;
      background: #c40e3d url(../images/email-icon-s.png) no-repeat 50% 50%;
   }

   a.ico.call {
      -webkit-animation-delay: 2.6s;
      background: #e40116 url(../images/phone-icon-s.png) no-repeat 50% 50%;
   }