* {
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

img {
  max-width: 100%;
}

h1 {
    font-size:4em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    line-height: .875em;
}

h2 {
  font-size:1.25em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    line-height: 1.25em;

}


h3 {
  font-size:1em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    line-height: 1.25em;
}

h4 {
  font-size:.875em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: oblique;
  font-variation-settings:
    "slnt" 0;
    line-height: 1.25em;
}


h6 {
font-size: 1em;
  font-weight: 600;
vertical-align: top;

}


p {
font-size: .7em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
  padding-right: 5%;
  line-height: 1.375em;
}


a {

  color: #000;
 text-decoration: none;

}

ul {
  font-size: .675em;
  max-width: 90%;
  margin-left: 3%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
  padding-top: 1%;
}

li {
/*  display: inline-block;*/
margin-top: 5px;
  margin-right: 1px; /* optional, adds some spacing between list items */
    list-style: disc;
}

hr {
  margin-bottom: 5%;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 20px;
/*  height: 300px; /* Should be removed. Only for demonstration */*/
}

.column2 {
  float: left;
  width: 45%;
/*  height: 300px; /* Should be removed. Only for demonstration */*/
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }

    .column2 {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  img {
    width: 100%;
  }
}

.shopify-buy__layout-vertical {
    text-align: left !important;
}