.frame {
   border: 1px solid black;
   width: 99vw;
   /* height: 99vh; */
   margin: 0 auto;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   border-radius: 3px;
}

body {
   padding: 0;
   margin: 0;
}

.header {
   background-color: black;
   padding: 12px 8px 18px;
   margin: 0;
   border-radius: 3px;
}

.body {
   padding: 25px;
   margin: 0 auto;
}

.pt-sans-regular {
   font-family: "PT Sans", sans-serif;
   font-weight: 400;
   font-style: normal;
}

.pt-sans-bold {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-style: normal;
}

h1 {
   font-size: 18px;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   margin: 0;
   padding: 0 0 5px;
}

p {
   font-size: 16px;
   font-family: "PT Sans", sans-serif;
   font-weight: 400;
   margin: 0;
   padding: 0 0 5px;
}

select {
   width: 100%;
   border-radius: 2px;
   border: 1px solid rgba(0, 0, 0, 0.80);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   height: 36px;
}

Label {
   width: 100%;
   font-weight: 700;
   font-family: "PT Sans", sans-serif;
   font-size: 14px;
   margin-bottom: 5px;
}

.break5 {
   width: 100%;
   clear: both;
   height: 5px;
}

.break10 {
   width: 100%;
   clear: both;
   height: 10px;
}

.break20 {
   width: 100%;
   clear: both;
   height: 20px;
}

.break70 {
   width: 100%;
   clear: both;
   height: 70px;
}

.button {
   background-color: #000;
   color: #fff;
   font-weight: 700;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   margin-top: 15px;
   padding: 4px 9px;
   text-decoration: none;
   border-radius: 3px;
   opacity: 1;
   transition: all ease 0.35s;
}

.button:hover {
   opacity: 0.7;
}

.button.yellow {
   background-color: #fdc82f;
   color: #000;
}

.lower-text p {
   font-weight: 700;
   text-transform: capitalize;
}

p.smallerFont {
   font-weight: 400;
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
}

::selection {
   background: #000000;
   color: #fdc82f;
}

#imageGrid {
   margin-top: 30px;
}

#imageGrid .col-6 {
   margin-bottom: 16px;
}

#imageGrid .col-6 p {
   text-align: center;
   font-weight: 700;
}

#imageGrid img {
   margin: 0 4px;
   border-radius: 2px;
   border: 1px solid rgba(0, 0, 0, 0.40);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   width: calc(100% - 8px);
   height: auto;
   transition: all ease 0.5s;
   cursor: pointer;
}

@media (max-width: 768px) {
   #imageGrid img {
      max-width: calc(100% - 10px);
      margin: 0 5px;
   }

   .center-small {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 25px;
      text-align: center;
   }
}

#imageGrid img:hover {
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.85);
}

#clampTable thead {
   color: #000;
   font-family: "PT Sans";
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   text-align: center;
}

#clampTable thead th {
   padding-bottom: 10px;
}

#clampTable td {
   border: 2px solid rgba(0, 0, 0, 0.60);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   padding: 16px 12px;
   position: relative;
}

#clampTable tr {
   margin-bottom: 8px;
}

td img {
   max-width: 100%;
   height: auto;
}

td .product--name {
   color: #000;
   font-family: "PT Sans";
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   border-right: none;
}

td .LM .button {
   border-radius: 6px;
}

.startOver .button {
   margin-top: 0;
}

.idkthink {
   margin-right: 200px;
}

table#clampTable {
   border-collapse: separate;
   border-spacing: 0 15px;
   /* Adjust the vertical and horizontal spacing as needed */
}

table#clampTable td+td {
   border-left: none;
}

.biggerFont {
   font-size: 18px;
}

.readMore {
   color: #000;
   opacity: 1;
   transition: all ease 0.35s;
}

.readMore:hover {
   opacity: 0.65;
}

#clampTable td.pt-38,
.pt-38 {
   padding-top: 38px;
}

.sun,
.snow {
   width: 24px;
   height: 24px;
   position: absolute;
   top: 7px;
   background-repeat: no-repeat;
   background-size: cover;
}

.sun {
   background-image: url(../img/sun.png);
   right: 10px;
}

.snow {
   background-image: url(../img/snow.png);
   right: 40px;
}