@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Ubuntu);

body { font-family: 'Lato'; /*padding-top: 50px;*/}

.navbar {margin-bottom: 0;}

h1,h2,h3 { font-family: 'Ubuntu'; }

.header, .content,  .footer {text-align: center}

.footer .social {padding: 30px;}
.footer .genericon {font-size: 3em;}

.header {background: /*url('../img/background.jpg')*/ #002E63; color: #FFF; padding: 80px 0 80px 0;}
.header h2 {color:#2C98C8; line-height: 1.2; margin-top:0;}

.header p { margin-top: 20px; color: #89CFED; line-height: 1.8; }

.avatar {width: 150px; height: auto; border-radius: 50%; }
.header .avatar {border: 5px #00244F solid}

.skills .skill {color: #FFF; padding: 30px; font-size: 1.2em; font-family: 'Ubuntu';}

.skills .php {background: #8892BF}
.skills .mysql {background: #FFA518}
.skills .laravel {background: #FA8B7A}
.skills .wordpress {background: #2C98C8}
.skills .frontend {background: #F16529}
.skills .photoshop {background: #4CC0E9}

.work .job {padding: 60px 100px; background: #222222; color: #fff;}
.work .job p {color: #999;}
.icon {width: 50px;}

.work .job.yammayap {background: #8DC63F; color: #FFF;}
.work .job.yammayap p {color: #E3FFBC;}

.work-header {background: #EEE; padding: 20px 0; color: #333;}
.work-header .glyphicon {font-size: 1.8em;}

.education { padding: 60px 0;}
.education p {color: #999;}

.footer {color: #CCC; background: #001A38;}
.footer .social {background: #002E63; border-right: 1px solid #001A38;}
.footer .social:last-child {border-right: none;}
.footer .social a {color:#2C98C8;}
.footer .social a:hover {text-decoration: none; color: #FFF}
.footer .social a .genericon {margin-bottom:10px;}

.footer .copyright {color:#002E63; padding: 10px 0 0 0;}

.navbar {background: #00244F; border-bottom: 3px solid #2C98C8; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); font-family: 'Ubuntu';}
.navbar-default .navbar-nav > li > a {color: #FFF;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover
{background: #2C98C8; color: #FFF;}
.navbar-default .navbar-nav > li > a:hover {color:#2C98C8}

.navbar .avatar {width: 30px; margin-right: 10px; margin-top:-5px; float:left;}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}
/*.footer .message {background: #76c500;}
.footer .linkedin {background: #1683BB }
.footer .twitter {background: #5EA9DD }
.footer .github {background: #333;}*/