body {
    background-color: #f2f2f2;
    font-family: Lato;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    padding-top: 50px;
    font-smoothing: antialiased;
    overflow-scrolling: touch
}
/*!  Titles */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Raleway;
    font-weight: 300;
    color: #333
}
/*!  Paragraph & Typographic */

p {
    line-height: 28px;
    margin-bottom: 25px
}
.centered {
    text-align: center
}
/*!  Links */

a {
    color: #3bc492;
    word-wrap: break-word;
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in
}
a:focus,
a:hover {
    color: #c0392b;
    text-decoration: none;
    outline: 0
}
a:after,
a:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
/*!  ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
    background-color: #34495e;
    padding-top: 60px
}
#headerwrap h1 {
    margin-top: 30px;
    color: #fff;
    font-size: 70px
}
#headerwrap h3 {
    color: #fff;
    font-size: 30px
}
#headerwrap h5 {
    color: #fff;
    font-weight: 700;
    text-align: left
}
#headerwrap p {
    text-align: left;
    color: #fff
}
/*!  intro Wrap */

#intro {
    padding-top: 50px;
    border-top: #bdc3c7 solid 5px
}
#features {
    padding-top: 50px;
    padding-bottom: 50px
}
#features .ac a {
    font-size: 20px
}
/*!  Showcase Wrap */

#showcase {
    display: block;
    background-color: #34495e;
    padding-top: 50px;
    padding-bottom: 50px
}
#showcase h1 {
    color: #fff
}
#footerwrap {
    background-color: #2f2f2f;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: left
}
#footerwrap h3 {
    font-size: 28px;
    color: #fff
}
#footerwrap p {
    color: #fff;
    font-size: 18px
}
/*!  Copyright Wrap */

#c {
    background: #222;
    padding-top: 15px;
    text-align: right
}
#c p {
    color: #fff
}
#avenir h3 {
    color: #d3d3d3;
    text-align: center
}