.jumbotron h1 {
  margin-top: 0;
}


@media (max-width: 767px) {

    .comments {
        padding: 0 !important;
    }

    .bannerimg {
        width: 100% !important;
    }

    .sl {
        float: left;
        margin: 0;
        padding: 0;
        width: 60px !important;
    }
    .input-group-addon {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #socialLoginForm div.sl span {
        display: none !important;
    }
    #komment_form {
        border-radius:0;
    }
    .text {
        margin: 0 !important;
    }
    .social {
        width: 100%;
        text-align: center;
    }
    #impressum {
        position: absolute;
        margin-top: 4em;
    }
}
@media screen and (min-width: 768px) {
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 55px;
  }

}

.col-lg-6 p {
  margin-bottom: 1em;
}
.jumbotron img {
  border-radius: 0.5em;
}
.jumbotron {
  border-radius: 1em !important;
  overflow: hidden;
}
.footer {
  padding: 1em;
  overflow: hidden;
  background: #eee;
  border-radius: 1em;
  /*margin-top: 2em;*/
  margin-bottom: 2em;
}
.marketing {
  margin: 1em;
}
.data {
  float: left;
  width: 33%;
  min-width:330px;
  padding-left: 30px;
  padding-right: 30px;
  
}
.data h4, .data p {
  padding-left: 50px;
}
.fa {
  margin-top: 5px;
}


h4:first-letter {
    text-transform: uppercase; /* Заглавные буквы */
}
#impressum {
  float: right; 
}

 .marketing p {
              font-size:1.2em !important;
            }

small {
  font-size: 0.6em;
  color:rgba(0,0,0,0.5);
}
.icon {
  position:relative !important;
  top:6px;
  float: left;
}

.header {
  height: 2px;
}
.jumbotron {
  padding-top: 2em;
  padding-bottom: 0.2em;
}
p.lead {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.data h4 {
                  padding-left: 2em;
                  text-align: left;
}

.jumbotron img {

  max-height: 40em;
  margin: auto;
  max-width: 100%
}

.breadcrumbs {
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
    max-width: 90%;
}
.breadcrumbs > span > a > span {

    text-transform: capitalize;
    margin-left: .2em;
    margin-right: .2em;
}

.breadcrumbs, .breadcrumbs a, #impressum {
    color: #777 !important;
}
.breadcrumbs i {
    color:#555;
}

.social {
    float: left;margin-right:1em
}
.social .fa {
    cursor: pointer;
    margin-left: .1em;
    margin-right: .1em;
}
.fa-google-plus-square {
    color: #ce1616;

}
.fa-twitter-square {
    color: #00aced;
}
.fa-facebook-square {
    color: #3b5998;
}
.fa-odnoklassniki-square {
    color: #ff8300;
}
.fa-vk {
    color: #245c9b;
}
.fa-pinterest-square {
    color: #BC272D;
}