h1 span {
    color: #A8A8A8;
}
h1 .blue:hover, ul#nav li a:hover {
    color: #11ABB0;
}
h1 .orange:hover {
    color: #F06000;
}


/** SKILLS custom **/
.s60 {
    width: 60%;
    -moz-animation: s60 2s ease;
    -webkit-animation: s60 2s ease;
}
.s55 {
    width: 55%;
    -moz-animation: s55 2s ease;
    -webkit-animation: s55 2s ease;
}
.s50 {
    width: 50%;
    -moz-animation: s50 2s ease;
    -webkit-animation: s50 2s ease;
}
.s90 {
    width: 90%;
    -moz-animation: s90 2s ease;
    -webkit-animation: s90 2s ease;
}
.s80 {
    width: 80%;
    -moz-animation: s80 2s ease;
    -webkit-animation: s80 2s ease;
}
.s33 {
    width: 33%;
    -moz-animation: s33 2s ease;
    -webkit-animation: s33 2s ease;
}

@-moz-keyframes s60 {
0%   { width: 0px;  }
100% { width: 60%;  }
}
@-moz-keyframes s55 {
0%   { width: 0px;  }
100% { width: 55%;  }
}
@-moz-keyframes s50 {
0%   { width: 0px;  }
100% { width: 50%;  }
}
@-moz-keyframes s90 {
0%   { width: 0px;  }
100% { width: 90%;  }
}
@-moz-keyframes s80 {
0%   { width: 0px;  }
100% { width: 80%;  }
}
@-moz-keyframes s33 {
0%   { width: 0px;  }
100% { width: 33%;  }
}

@-webkit-keyframes s60 {
0%   { width: 0px;  }
100% { width: 60%;  }
}
@-webkit-keyframes s55 {
0%   { width: 0px;  }
100% { width: 55%;  }
}
@-webkit-keyframes s50 {
0%   { width: 0px;  }
100% { width: 50%;  }
}
@-webkit-keyframes s90 {
0%   { width: 0px;  }
100% { width: 90%;  }
}
@-webkit-keyframes s80 {
0%   { width: 0px;  }
100% { width: 80%;  }
}
@-webkit-keyframes s33 {
0%   { width: 0px;  }
100% { width: 33%;  }
}