@font-face {
        font-family: 'proxima_nova';
        src:  url('/Fonts/proxima_nova_black-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}


.body {
    font-family: 'proxima_nova';
}


/* HOME */
#home {
    font-family: 'proxima_nova';
    color: #2c2c2c;
    margin: auto;
    text-align: center;
    height: 100%;
    line-height: 600px;
}

#home span {
    font-size: 30px;
    display: inline;
    color: #5f5f5f;
    padding-right: 15px;
}

#home p {
    font-size: 65px;
    display: inline;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
        transition: color .3s ease;
}
#home p:hover {
    cursor: default;
    color: #1abc9c;
}

/* About */

#about {
    font-family: 'proxima_nova';
    color: #2c2c2c;
    margin: auto;
    text-align: center;
    height: 100%;
    margin-top: 210px;
}

#about span {
    font-size: 30px;
    color: #5f5f5f;
    padding-right: 15px;
}

#about p {
    margin-bottom: -30px;    
    font-size: 60px;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
        transition: color .3s ease;
}
#about p:hover {
    cursor: default;
    color: #1abc9c;
}



/* About2 */

#about2 {
    font-family: 'proxima_nova';
    color: #2c2c2c;
    margin: auto;
    text-align: center;
    height: 100%;
}

#about2 span {
    font-size: 30px;
    color: #5f5f5f;
    padding-right: 15px;
}

#about2 p {
    font-size: 50px;
    margin-bottom: 25px;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
        transition: color .3s ease;
}
#about2 p:hover {
    cursor: default;
    color: #1abc9c;
}

#about2 img {
    width: 200px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
        transition: all .5s ease;
}

#about2 img:hover {
    width: 250px;

}



/* Mail */

#mail {
    font-family: 'proxima_nova';
    color: #2c2c2c;
    margin: auto;
    text-align: center;
    height: 100%;
}

#mail span {
    font-size: 30px;
    color: #5f5f5f;
    padding-right: 15px;
}

#mail p {
    font-size: 50px;
    margin-bottom: 25px;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
        transition: color .3s ease;
}
#mail p:hover {
    cursor: default;
    color: #1abc9c;
}

#mail img {
    width: 150px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
        transition: all .5s ease;
}

#mail img:hover {
    width: 180px;

}


/* Blog */

#blog {
    font-family: 'proxima_nova';
    color: #2c2c2c;
    margin: auto;
    text-align: center;
    height: 100%;
}

#blog span {
    font-size: 30px;
    color: #5f5f5f;
    padding-right: 15px;
}

#blog p {
    font-size: 60px;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
        transition: color .3s ease;
}
#blog p:hover {
    cursor: default;
    color: #1abc9c;
}

#blog img {
    width: 300px;
    margin-top: 70px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
        transition: all .6s ease;
}

#blog img:hover {
    border: 40px solid #1abc9c;
    border-radius: 200px;

}