@media (max-width:360px) {
  #promo {
    margin-top:50px;
    padding:15px;
    background-image:url(../../assets/img/screen-content-macbook.jpg);
    background-position:right;
    background-attachment:fixed;
    text-align:center;
  }
}

#promo {
  margin-top:60px;
  padding:40px;
  background-image:url(../../assets/img/screen-content-macbook.jpg);
  background-position:right;
  background-attachment:fixed;
  text-align:center;
}

.jumbotron {
  background:rgba(255,255,255,0.6);
  padding:10px;
  border-radius:10px;
  max-width:850px;
  margin:0px auto;
}

nav.navbar.navbar-inverse.navbar-fixed-top {
  padding:5px;
  border-bottom:transparent;
  box-shadow:1px 1px 5px #999;
}

div.jumbotron {
  padding:20px;
}

#promo h1 {
  font-size:55px;
  font-weight:300;
}

#service-section h2 {
  text-align:center;
}

#service-section .col-md-4 {
  border:1px solid #fff;
}

about-us img {
  width:25%;
}

#works .img {
  width:25%;
}

#service .row {
  text-align:center;
  padding:5px;
  margin-top:30px;
}

#service p {
  padding:5px;
}

h1 {
  font-size:2em;
  margin:0.67em 0;
  color:#666;
}

#portifolio p {
  text-align:left;
}

.jumbotron p {
  margin-bottom:15px;
  font-size:23px;
  font-weight:200;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}

#promo a.btn.btn-primary {
  border-radius:0px;
  background:#3346ed;
  border-radius:0px 10px;
  margin:0 .3em;
}

i.fa.fa-copyright {
  font-size:20px;
  margin-right:5px;
}

@media (max-width:767px) {
  h4.text-right {
    font-size:20px;
  }
}

@media (min-width:768px) {
  .dark-footer .container h4 {
    width:initial;
    font-size:20px;
  }
}

footer.dark-footer {
  margin-top:0px;
  background:#040728;
  padding:8px;
}

.dark-footer .text-right {
  color:#ffffff;
}

#promo a.btn.btn-success {
  background:#30c940;
  border-radius:10px 0px;
}

#sub-footer {
  background:#51b5e0;
  border-bottom:2px solid #ddd;
  padding:20px;
  margin-top:20px;
  color:#eee;
}

ul.footer-list {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#sub-footer h2 {
  font-weight:500;
  text-transform:uppercase;
  font-size:28px;
}

.footer-list i.fa {
  font-size:30px;
  padding:5px;
}

.navbar-inverse .navbar-brand {
  color:#ffffff;
}

#service h4 {
  font-size:20px;
  font-weight:normal;
  color:#888;
  text-transform:uppercase;
}

#works {
  margin-top:20px;
}

#works img {
  width:200px;
  display:inline-block;
}

#works.row {
  margin-left:-15px;
  margin-right:-15px;
}

#works .row {
  margin-left:-15px;
  margin-right:-15px;
  margin-top:30px;
}

#about-us {
  margin-top:30px;
}

#works .col-md-12 {
  padding:5px;
  margin:10px;
}

#works img {
  margin:15px;
}