body {
  padding-top: 56px;
}

.carousel-item {
  height: 95vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.bg-dark {
    background-color: #060606 !important;
}

.navbar {
  padding-top:20px;
}

@media (min-width: 1200px) {
    .nav-item {
    font-size: 1.4vw;
  }
}

.nav-item {
  font-family: Serif;
  margin-left: 40px;
  /*font-size: 1.4vw;*/
}

.carousel-caption {
  top:20%;
  text-align:left;
  display: block !important;
}

.carousel-caption h1 {
  font-size: 400%;
  color:#ffca57;
}

.carousel-des {
  margin-top: 20px;
  border-left:5px solid #fff
}

.carousel-des h2{
  padding: 0 0 5px 15px;
  font-size: 250%;
}

.carousel-des h3{
  padding-left:15px;
}

.carousel-caption p {
  padding-top:40px;
  max-width:400px;
  font-size:small;
  color:#b2b2b2;
}

.carousel-caption .btn {
  border:1px solid #fff;
  color:#fff;
  border-radius: 25px;
  margin: 20px 10px 0 0;
  padding: .5rem 1.2rem;
}

.carousel-control-prev-icon {
  width: 30px;
  height: 30px;
}

.carousel-control-next-icon {
  width: 30px;
  height: 30px;
}

.carousel-indicators {
  bottom: 8%;
}

.carousel-beian {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: #c5c5c5;
}

.carousel-beian img{
  height:1vw;
  width:1vw;
}

.carousel-beian a{
  color: #c5c5c5;
  padding:0 8px 0 2px;
  text-decoration: none !important;
}

.carousel-beian a:hover{
  color: #007aff;
}

.modal-body {
  padding-top: 20px;
  text-align:center;
}

.modal-footer {
  border-top: 0;
}