h1{
  color: pink;
  font-size: 35px;
}

h2{
  color:rgb(206, 134, 206);
  font-size: 35px;
  text-align: left;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-decoration:solid;
}

.image img{
  border:hsl(from rgb(209, 157, 209) h s l) 15px rgb(221, 170, 221);
  border-radius: 15px;  
}

a, a:visited{
  text-decoration:lch(from rgb(223, 101, 235) l c h);
}

#banner {
  background-color: rgb(205, 172, 206);
}

#banner #logo{
  text-align:start;
  display:inline-flex;
  width: 25% !important;
}

#banner #logo img{
  width:fit-content;
  max-height: 200px;
}

#banner #title{
  text-align:start;
  display:flow-root;
  width: 90% !important;
}

.call_to_action{
  text-align:start;
  margin-bottom: 15px;
}

.call_to_action .label{
  padding: 25px;
  border:oklab(from rgb(192, 132, 184) l a b) 15px rgb(194, 114, 167);
  width: 200px;
  border-radius: 40px;
  background-color: rgb(221, 132, 191);
  color: rgba(160, 52, 154, 0.333);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight:200;
  display:flex;
}


#advise{
  font-style:normal;
  font-size:20px;
}
      
.articulo{
  display:flexbox;
  flex-wrap:wrap-reverse;
}

.articulo .card{
  display:inline-table;
  width: 55% !important;
  vertical-align:middle;
}

.articulo .card .description{
  font-size: 40px;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.articulo .card .price{
  font-size: 40px;
  text-align:inherit;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: rgb(201, 109, 185);
  padding-right: 30px;
  background-color: #da99da;
}


.articulo .image{
  display:flex;
  width: 40% !important;
  text-align:left;
}

.articulo .image img{
  width:fit-content;
  max-height: 300px;
  max-width: 99%;
}

#end{
  background-color: rgb(151, 46, 151);
  color: rgb(46, 9, 46);
  padding: 30px 15px 10px 15px;
  text-align:left;
}

#end a, #end a:visited{
  color: palevioletred;
  text-decoration:double ;
}


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

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

  .articulo .card{
    order: 2;
    width: 90% !important;
  }

  .articulo .image{
    order: 1;
    width: 90% !important;
  }
}