#timeline {
  list-style: none;
  position: relative;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #4997cd;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  background-color: #4997cd;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
#timeline .timeline-badge span.timeline-balloon-date-year {
  font-size: 20px;
margin-top:50px;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  border-bottom: dashed 1px #4997cd;
  position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
#timeline .timeline-movement .timeline-item {
  padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #666;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.education .timeline-panel-ul {
  text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.education .timeline-panel-ul li {
  color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.education .timeline-panel-ul li span.importo {
  color: #76a6f2;
  font-size: 1.3em;
}
#timeline .timeline-movement .timeline-item .timeline-panel.experience .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.experience .timeline-panel-ul span.importo {
  color: #0d5fe2;
  font-size: 1.3em;
}
#timeline .timeline-movement .timeline-item .timeline-panel.education .timeline-panel-ul li:before, #timeline .timeline-movement .timeline-item .timeline-panel.experience .timeline-panel-ul li:before {
    display: none;
}
#timeline-section{
    padding-top: 32px;
}
#nk-section, #contact, section{
    padding-bottom: 0px;
}
#home{
    background-image: url("images/home.jpg");
}
.collapse{
    border: 5px;
    padding:3px;
}
.btn-link{
    border-radius: 14px;
    color: #ffffff;
    border: none;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    width= 40%;
    text-align: center;
}
.intro-text{
    padding-top: 100px !important;
    padding-bottom: 335px !important;
}
.intro-h1{
    font-size: 40px;
    text-shadow: -4px 2px 10px  rgba(6,25,48,0.95);
    padding-top: 30px;
}
.page-top{
    width: 100%;
}
@media (max-width: 767px) {
  .navbar-nav .dropdown-menu {
    display: block;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dropdown-toggle {
    display: none !important;
  }
  .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #9d9d9d;
  }
    .ti-first{
        padding-top:72px !important;
    }
    .nklogo{
        height: 50px;
    }
}
@media all and (max-width:30em){
 a.button1{
  display:block;
  margin:0.4em auto;
 }
}
.blue-bg {
    background-color: #def4fc;
}
#footer{
    background-image: url("images/footer.png");
    background-repeat: no-repeat;
    background-size: 100%;
    
}
.quote{
    font-family: futura;
    color: #4997cd;
}
.navbar-default .dropdown-menu a{
    text-transform: none !important;
}