/* Sass Document */
/* Scss Document */
/* Scss Document */
:root {
  --text-cl: #9c1900;
  --box-cl: #9c1900;
  --box2-cl: #9c1900; }

.jsps-index h2 {
  display: flex;
  margin-bottom: 15px; }
  .jsps-index h2 span {
    background-color: var(--box-cl);
    color: white;
    font-weight: 600;
    padding: 8px;
    font-size: 110%;
    min-width: 300px; }

.inta-list {
  display: flex;
  justify-content: space-between;
  margin: 10px;
  flex-wrap: wrap;
  margin-bottom: 60px; }
  .inta-list li {
    flex-basis: 32%;
    line-height: 110%;
    margin-bottom: 15px; }
    .inta-list li a {
      border: 1px solid #df948e;
      padding-top: 3px;
      padding-left: 8px;
      padding-right: 8px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      height: 100%;
      color: var(--text-cl);
      transition: 0.5s; }
      .inta-list li a h3 {
        font-size: 80%;
        background: var(--box-cl);
        color: white;
        padding: 8px;
        text-align: center;
        line-height: 120%; }
        .inta-list li a h3 span {
          font-size: 130%;
          display: block;
          margin-top: 5px; }
      .inta-list li a p {
        padding: 6px;
        font-weight: 600;
        flex-grow: 1;
        display: flex;
        align-items: center; }
      .inta-list li a img {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px; }
      .inta-list li a:hover {
        text-decoration: none;
        background-color: var(--box-cl);
        transition: 0.5s; }
        .inta-list li a:hover p {
          color: white;
          transition: 0.5s; }
        .inta-list li a:hover h3 {
          background-color: white;
          color: var(--box-cl);
          transition: 0.5s; }
  .inta-list:after {
    content: " ";
    flex-basis: 32%; }

/* Scss mobile contents */
@media screen and (max-width: 480px) {
  .section {
    min-width: 310px;
    max-width: 480px; } }
@media screen and (max-width: 600px) {
  .inta-list li {
    flex-basis: 49%; } }
@media screen and (max-width: 450px) {
  .inta-list li {
    flex-basis: 100%; } }