a:active, a:focus {
    outline: none !important;
}

.container-inner {
  margin: auto;
  width: 80%;
  max-width: 940px;  
}

.round-portrait-col {
  padding-top: 35px;
  align: center;
}

#header .container-inner {
  position: relative;
  bottom: 0px;
}

#about .about-descr {
  font-family: 'Source Sans Pro', sans-serif;
}

#about #descr-conclusion {
  margin-top: 25px;
}

#portfolio img{
  width: 90%;
}

#portfolio .caption {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1.45em;
  color: white;
}

#portfolio h3 {
  color: orange;
  text-decoration: underline;
}

.contact-text {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.7em;
}

#split {
  margin-top: 20px;
}

@media screen and (max-width: 319px) {
  /*should display error*/
}

@media screen and (min-width: 320px) {
  .nav > li > a {
    padding: 10px 9px;
  }

  .container-inner {
    width: 95%;
  }
  
  #name-header {
    font-size: 5.5em;
  }

  #descr-header {
    font-size: 1.9em;
  }
  
  .lead {
    font-size: 1.65em;
  }
  
  #about .about-descr {
    font-size: 1.5em;
  }
  
  #portfolio .caption{
    font-size: 1.4em;
  }

  .contact-text {
    font-size: 1.5em;
  }

}

@media screen and (min-width: 360px) {
  .nav > li > a {
    padding: 10px 14px;
  }
  
  .container-inner {
    width: 92%;
  }
  
  #name-header {
    font-size: 5.8em;
  }

  #descr-header {
    font-size: 2em;
  }
  
  .lead {
    font-size: 1.8em;
  }
  
  #about .about-descr {
    font-size: 1.5em;
  }
  
  #portfolio .caption{
    font-size: 1.4em;
  }

  .contact-text {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 480px) {
  .container-inner {
    width: 88%;
  }
  
  #name-header {
    font-size: 7em;
  }

  #descr-header {
    font-size: 2.2em;
  }
  
  .lead {
    font-size: 2em;
  }
  
  #about .about-descr {
    font-size: 1.5em;
  }
  
  #portfolio .caption{
    font-size: 1.4em;
  }

  .contact-text {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  #name-header {
    font-size: 7em;
  }

  #descr-header {
    font-size: 2.2em;
  }

  .lead {
    font-size: 2em;
  }
  
  #about .about-descr {
    font-size: 1.55em;
  }
  
  #portfolio .caption{
    font-size: 1.45em;
  }

  .contact-text {
    font-size: 1.55em;
  }
  
  #about .col-sm-4, .col-sm-8 {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
  }
    
  #about .round-portrait-col {
    padding-top: 0px;
  }
}

@media screen and (min-width: 900px) {
  #name-header {
    font-size: 8.2em;
  }

  #descr-header {
    font-size: 2.3em;
  }
  
  .lead {
    font-size: 2.2em;
  }
  
  #about .about-descr {
    font-size: 1.6em;
  }
  
  #portfolio .caption{
    font-size: 1.45em;
  }

  .contact-text {
    font-size: 1.6em;
  }
}

@media screen and (min-width: 1024px) {
  #name-header {
    font-size: 9.7em;
  }

  #descr-header {
    font-size: 2.5em;
  }
  
  #about .about-descr {
    font-size: 1.7em;
  }
  
  #portfolio .caption{
    font-size: 1.45em;
  }
  
  .contact-text {
    font-size: 1.7em;
  }
}



#name-header {
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
}

#descr-header {
    text-align: center;
}

#header {
  color: white;
  padding: 90px 20px 100px 20px;
  /*background-image: url(https://www.bhmpics.com/download/starfield-1920x1080.jpg);*/
  background-image: url(/stefanobalzan/img/starfield-1920x1080.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#about {
#  color: white;
#  padding: 20px;
#  background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-6-full.jpg);
  background-repeat: no-repeat;
  background-size: cover;

}

#portfolio .lead {
  color: #ffffff;
}

#about #round-portrait {
  margin: auto;
  width: 260px;
}


#portfolio {
  background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-5-full.jpg);
  background-repeat: no-repeat;
  background-size: cover;

}

#contact {
#  background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-2-full.jpg);
}

#contact #social-buttons {
  margin-top: 45px;
  text-align: center;
}

.thumbnail {
  background: transparent;
  border: 0;
  margin-bottom: 0;
  margin-top: 20px;
}

.section {
  padding-top: 60px;
  padding-bottom: 65px;
  background-size: 100% auto;
}

.center-block {
  margin: auto;
}

.navbar-inv {
  color: black;
}

.navbar-brand i {
  font-size: 2.2em;
  height: .4em;
  line-height: .4em;
}

body {
  padding-top: 50px;
}

/* Prevent navbar from collapsing */
.navbar-collapse {
  box-shadow: none;
}

.navbar-collapse.collapse{
  display: block !important;
}

.navbar-nav {
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar-nav>li a{
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav>li, .navbar-nav{
  float: left !important;
}
