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;
}
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:1.3em;
color:rgb(60,60,60);
line-height: 1.6em;
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:1em;
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:4;
   -moz-column-gap:15px;
   column-count:4;
   column-gap:15px;
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 */
}
.comment{
font-family: 'roboto', serif;
font-weight:300;
font-size: 1.2em;
text-align: left;
margin: -.4em 0em 1em 0em;
padding-top: .1em;
padding-bottom:.5em;
padding-left: 1em;
padding-right:1em;
line-height: 1.2em;
background-color:rgb(240,230,240);
text-indent: 0em;
border-bottom-style:solid;
border-width: 1px;
border-color:rgb(90,90,90);
border-left-style:solid ;border: solid rgb(250,250,250) 3px;
border-right-style:solid;background-color: rgb(240,240,240);
color:rgb(45,45,45)}margin-right: 1em;
.comwrap{
}
@media (max-width: 3350px) {
   #gallery {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
   }}
@media (max-width: 2550px) {
   #gallery {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
   }}
@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;
 }