@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
.myButton {
  box-shadow: inset 0px 39px 0px -24px #ad3b45;
  background-color: #810311;
  border-radius: 4px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 5px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #f07b73;
  width: 210px;
  text-align: center;
}
.pkp_brand_footer {
  display: none;
}
.myButton:hover {
  background-color: #bd2d39;
}
.myButton:active {
  position: relative;
  top: 1px;
}
.pkp_structure_footer_wrapper {
  border-top: 5px solid #f7934a;
  border-bottom: none;
  background: #810311;
}
.pkp_footer_content {
  padding: 2.143rem;
  text-align: left;
  background-color: #810311;
}
* {
  box-sizing: border-box;
}
.column1 {
  float: left;
  width: 500px;
  padding: 0 10px;
}
.column2 {
  float: left;
  width: 300px;
  padding: 0 10px;
}
.row {
  margin: 0 -5px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 700px) {
  .column1 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .column2 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  height: 300px;
}
.cmp_notification {
  background: #fee;
  border-left: 0.357rem solid #980000;
}
.pkp_structure_head {
  border-bottom: 3px solid #f7934a;
  position: fixed;
  width: 100%;
  z-index: 99999;
}
.pkp_structure_content {
  padding-top: 190px;
}
@media only screen and (max-width: 986px) {
  .pkp_structure_content {
    padding-top: 20px;
  }
}
.pkp_footer_content {
  color: white;
}
@media only screen and (max-width: 466px) {
  .pkp_structure_content {
    padding-top: 30px;
  }
}
div.gallery {
  border: 1px solid #ccc;
  border-radius: 7px;
}
div.gallery:hover {
  border: 1px solid #777;
}
div.desc {
  padding: 15px;
  text-align: center;
}
* {
  box-sizing: border-box;
}
.responsive {
  padding: 0 6px;
  float: left;
  width: 33%;
}
@media only screen and (max-width: 980px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  div.enter {
    padding: 6px;
    height: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .responsive {
    width: 90%;
  }
  div.enter {
    padding: 6px;
    height: 450px;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
div.enter {
  padding: 10px;
  height: 350px;
}
div.gallery img {
  border-radius: 10px;
}