h1 {
  color: rgb(68, 17, 73);
  font-size: 40px;
}

h2 {
  color: rgb(74, 11, 90);
  font-size: 22px;
  text-align: center;
  font-family: system-ui;
  text-decoration: overline;
}
 

  a,
  a:visited {
    text-decoration: none;
  }

  #banner {
    background-color: #e6d8eb;
  }

  #banner #logo {
    text-align: center;
    display: inline-block;
    width: 15% !important;
  }

  #banner #logo img {
    width: auto;
    max-height: 180px;
  }

  #banner #title {
    text-align: center;
    display: inline-block;
    width: 80% !important;
  }

  .call_to_action {
    text-align: center;
    margin-bottom: 5px;
  }

  .call_to_action .label {
    padding: 15px;
    border: solid 5px #99f;
    width: 200px;
    border-radius: 30px;
    background-color: rgb(149, 149, 248);
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    display: inline-block;
  }


  #advise {
    font-style: italic;
    font-size: 14px;
  }

  .articulo {
    display: flex;
    flex-wrap: wrap;
  }

  .articulo .card {
    display: inline-block;
    width: 45% !important;
    vertical-align: top;
  }

  .articulo .card .description {
    font-size: 20px;
    font-family: system-ui;
  }

  .articulo .card .price {
    font-size: 35px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(51, 16, 51);
    padding-right: 25px;
    background-color: #e6d8eb;
  }


  .articulo .image {
    display: inline-block;
    width: 45% !important;
    text-align: center;
  }

  .articulo .image img {
    width: auto;
    max-height: 350px;
    max-width: 100%;
  }

  #end {
    background-color: #55f;
    color: white;
    padding: 20px 5px 20px 5px;
    text-align: center;
  }

  #end a,
  #end a:visited {
    color: yellow;
    text-decoration: underline dotted;
  }


  @media (max-width: 700px){
    #banner #logo {
      width: 100% !important;
    }

    #banner #title {
      width: 100% !important;
    }

    .articulo .card {
      order: 1;
      width: 100% !important;
    }

    .articulo .image {
      order: 2;
      width: 100% !important;
    }
  }