@import url(text.css);
@media (max-width: 740px){
     .imageDetail {
          display: grid;
          grid-gap:10px;
          grid-template-columns: 1fr 1fr 1fr;
     }
     .order-now a {
          display: block;
          width: 100%;
          margin-bottom: 10px;
     }
}
@media (min-width: 741px){
     .imageDetail a {
          display: inline;
          padding: 0px 10px 10px 0px;
     }
     .order-now {
          display: grid;
          grid-template-columns: 1fr 1fr;
     }
     .order-now a {
          display:inline;
          margin-right: 10px;
     }


}

.thumbnailImageDetail {
     object-fit:cover;
     height: 100px;
     width: 100px;
}

.price {
     font-weight: bold;
     font-size: 18px;
}

.order-now {
     padding: 0px;
     border:none;
     background: none;
     font-size: 18px;
     font-family: 'Barlow Semi Condensed', sans-serif;
     grid-template-columns: 4fr 1fr;
     border-radius: 5px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.order-now:hover {
     cursor: pointer;
     opacity: 0.8;
     filter: alpha(opacity=80);
}
.text-button-1 {
     background-image: linear-gradient(to bottom right, #3BB4E9, #51C2EC);
     color: white;
}
.text-button-1:hover {
    color: #333;
}
.text-button-2 {
     background-image: linear-gradient(to bottom right, #75B73B, #52891D);
     color: white;
}
.icon-button {
    border-radius: 0px 5px 5px 0px;
    background: black;
}
.icon-button:hover {
    background: #333;
}
.marketplace img {
    height: 40px;
    margin: 0px 5px;
}