h1 {
   font-family: 'Cinzel', serif;
   text-align: center;
   margin: auto;
   padding: .2rem;
   font-weight: 600;
   font-size: 1.8rem;
   word-spacing: .2em;
   letter-spacing: .06em;
}

h2 {
   font-family: 'Cinzel', serif;
   text-align: center;
   margin: auto;
   padding: .2rem;
   font-weight: 600;
   font-size: 1.3rem;
   word-spacing: .2em;
   letter-spacing: .06em;
}

h4 {
   border: 1px solid black;
   margin: 4px;
   display: inline-block;
   text-align: center;
   padding: 0.2em 0.5em;
   font-family: 'Cinzel', serif;
   text-align: center;
   padding: .2rem .4rem;
   font-weight: 600;
   font-size: 1.2rem;
   word-spacing: .2em;
   letter-spacing: .06em;
   background-color: mintcream;
   color: rgb(100, 80, 100)
}

li+li {
   margin-top: .7em
}

#header {
   position: sticky;
   font-size: 1rem;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   top: 0;
   text-align: center;
   background-color: rgb(240, 240, 250);
   padding: .1rem;
   color: rgb(100, 100, 100);
   word-spacing: .2em;
   letter-spacing: .02em;
}


h3 {
   margin: 1px
}

a {
   text-decoration: none;
   color: rgb(50, 50, 100);
}


.eliot-links {
   text-align: left;
   margin: .8rem 50% 1.25rem .7rem;
   padding: 1em;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   font-size: 1rem;
   color: rgb(60, 60, 60);
   line-height: 1.2em;
   background-color: rgb(240, 240, 250);
   border-style: solid;
   border-width: 2px;
   border-color: rgb(228, 228, 228);
}

a:hover {
   background-color: rgb(230, 230, 230);
   font-size: 1.2em;
   letter-spacing: 0em;
   word-spacing: 0em;
}
}


.pricing {}

.dollar {
   margin-top: 2em;
   margin-left: 1em;
   margin-bottom: .5em;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   font-size: 1.6em;
   text-indent: 20px;
   color: rgb(30, 30, 30);
}

.package-name {
   font-family: 'Cinzel', serif;
   margin-left: 15px;
   margin-top: 10px;
   font-size: 1.4em;
   color: rgb(15, 15, 15);
}

.package {
   text-align: left;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   font-size: 1.2em;
   line-height: 1.5;
   color: rgb(50, 50, 50);
}

.package-box {
   border: solid rgb(250, 250, 250) 3px background-color: rgb(240, 240, 240);
   margin-right: 50%;
   margin-right: 50%;
   margin-right: 50%;
   margin-right: 50%;
}

#footer {
   text-align: center;
   margin: auto;
   word-spacing: .2em;
   letter-spacing: .05em;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   padding: .5em;
   background: rgb(220, 215, 210);
}

#gallery {
   line-height: 0;
   -webkit-column-count: 4;
   /* split it into 5 columns */
   -webkit-column-gap: 15px;
   /* give it a 5px gap between columns */
   -moz-column-count: 2;
   -moz-column-gap: 15px;
   column-count: 4;
   column-gap: 15px;
   max-width: 1600px;
   background-color: whitesmoke;
}

#gallery img {
   width: 100% !important;
   height: auto !important;
   border: solid 1px rgb(220, 220, 220);
   border-radius: .8em;
   margin-bottom: 10px;
   /* to match column gap */
   column-count: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* Centers items horizontally */
}

.comment {
  
   font-family: 'roboto', serif;
   font-weight: 300;
   font-size: .9em;
   text-align: left;
   margin: -.4em 0em 1em 0em;
   padding-top: .1em;
   padding-bottom: .5em;
   padding-left: 3em;
   padding-right: 1em;
   line-height: .9em;
   border-bottom-style: solid;
   border-width: 1px;
   border-color: rgb(42, 24, 24);
   border-style:solid;
   border-radius: 10px;
   background-color: rgb(240, 240, 240);
   color: rgb(45, 45, 45);
}


.comment h2{
   font-family: 'roboto', serif;
   font-size: .9em;
      text-align: left;
      font-weight: 800;
      padding-left: -3m;
}

.comment a{
   color: rgb(138, 20, 20);
   

}
.comwrap {}

@media (max-width: 3350px) {
   #gallery {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
   }
}

@media (max-width: 2550px) {
   #gallery {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}

@media (max-width: 1700px) {
   #gallery {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}


@media (max-width: 850px) {
   #gallery {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
   }

   .package-box {
      border: solid rgb(250, 250, 250) 3px;
      background-color: rgb(240, 240, 240);
      margin-right: 1em;
   }

   .eliot-links {
      text-align: left;
      margin: 10px 10px 20px 10px;
      background-color: =rgb(80, 200, 255);
   }
}

@media (max-width: 700px) {
   #gallery {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
   }

   .price {
      text-align: left;
      margin: 5px 15% 20px 10px;
   }

   .links {
      margin: 5px 15% 20px 10px;

   }
}


@media (max-width: 500px) {
   #gallery {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
   }