.img-index {
  -webkit-box-shadow: 10px 10px 31px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 31px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 31px -5px rgba(0, 0, 0, 0.75);
  border-radius: 17px 17px 17px 17px;
  -moz-border-radius: 17px 17px 17px 17px;
  -webkit-border-radius: 17px 17px 17px 17px;
  border: 0px solid #000000;
  padding: 0.5rem;
  background-color: #ecf0f1;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%2395a5a6' fill-opacity='0.17' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.m-t-3{
  margin-top: 2rem;

}
.img-index:hover {
  -webkit-box-shadow: inset 10px 10px 30px -16px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 10px 10px 30px -16px rgba(0, 0, 0, 0.75);
  box-shadow: inset 10px 10px 30px -16px rgba(0, 0, 0, 0.75);
}

.img-index-size-menu {
  width: 300px;
  height: 100px;
}

.img-index-size {
  width: 90%;
  height: 80px;
}


@media only screen and (max-width: 768px) {
  .img-index-size {
    width: 300px;
    margin-top: 1rem;
  }
}

.pkp_site_name .is_img img {
  display: inline-block;
  max-height: 165px;
  max-width: 100%;
  width: auto;
  height: auto;
}

.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .navbar-header {
    float: none;
  }

  .navbar-brand {
    float: none;
  }

  .navbar-brand-logo img {
    max-height: 190px;
    width: 100%;
  }

  .container-fluid > .navbar-header {
    margin: auto;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 750px;
  }

  #nav-menu {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 750px;
  }

}

@media (min-width: 992px) {
  .navbar-header {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 970px;
  }

  #nav-menu {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .navbar-header {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
  }

  #nav-menu {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
  }

}

.block_make_submission {
  text-align: center;
}

.homepage-image img {
  margin: auto;
  width: 40%;
}

.titleDetail {
  padding: 1rem;
  border-bottom: white 2px solid;
  height: 35px;
  width: 100%;
  text-align: center;
  background: #3498db;
}