/* This stylesheet is used to style the public-facing components of the plugin. */
.pagination-entry:hover {
  background: #ddd;
  cursor: pointer;
}

.pagination-entry.active {
  background: #337ab7;
  color: #fff !important;
}

.home-pagination {
  width: 100%;
  margin-top: 10px;
  display: block;
  float: left;
}

.cc-form-container {
  display:flex; 
  justify-content: center;
}

.cc-form {
  width: 40%; background: #fff; padding: 20px 20px; text-align: left;
}
@media only screen and (max-width: 600px) {
  .cc-form-container {
    display:flex; justify-content: right;
  }
  .cc-form {
    width: 70%; background: #fff; padding: 20px 20px; text-align: left;
  }

  .cc-form h2 {
    font-size:30px;
  }
}