body, h1, h2, h3, h4, h5, h6  {
    font-family: Geneva, Verdana, sans-serif;
  }

  h1 {
    color: rgb(83, 12, 110);
    margin-left: 20px;
  }
  body {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: rgb(255, 255, 255);
    color: rgb(75, 74, 74);
  }
  .header {
    width: 100%;
    height: 100px;
    padding: 20px; 
    text-align: center; 
    background-color: rgb(255, 255, 255);
  }
  
  .header h1 {
    font-size: 40px;
  }
  .nav {
    width:100%;
    overflow: hidden; 
    background-color: rgb(255, 255, 255);
  }
  
  .nav-item {
    float:left; 
    display: block; 
    color: rgb(51, 51, 51); 
    text-align: center; 
    padding: 20px 20px; 
    width:25%;
    text-decoration: none; 
  }
  .nav-item a {text-decoration: none;}
  table {
    font-family: sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  td, th {
    border: 1px solid #f2e7ee;
    text-align: left;
    padding: 8px;
   
  }

  table {
    margin-right: 80px;
   
  }
  tr:nth-child(even) {
    background-color: #f2e7ee;
  }
  body, html {
    height: 100%;
    margin: 0;
    font-family: Helvetica, sans-serif;
  }
  
  .hero-image {
    background-image: url("Stone.jpg");
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
    
  .hero-image1 {
    background-image: url("Zodiac.jpg");
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .hero-image2 {
    background-image: url("Gemstone.jpg");
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .hero-image3 {
    background-image: url("Blue.jpg");
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  * {
    box-sizing: border-box;
  }
  

  .column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; 
  }
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

.center tr,td,th {
    vertical-align: middle;
    text-align:center;
}
.center {
    width:100%;
}

.AboutSection {
    padding-top: 20px;

}
#Aboutcopy {
    padding:60px;
}

#Aboutcopy h4 {
    color: rgb(218, 187, 208);
}

.container {
    position: relative;
    width: 100%;
    max-width: 400px;
  }
  
  .container img {
    width: 100%;
    height: auto;
  }
  
  .footer {
    padding: 10px;
    margin-top: 50px;
    text-align: center;
    background: rgb(218, 187, 208);
  }

  #Aboutcopy ol {
    line-height: 30px;
  }

#Aboutcopy h4 {
  text-align: center;
}

#Aboutcopy p {
  text-align: center;
}

  p {
    line-height: 30px;
  }

.gif-container{
  display: flex;
  justify-content: center;
  padding-top: 4%;
  margin: 30px;
}

  .image{
flex-basis:60%;
}


ul {
  list-style: none;
  line-height: 20px;
}

ol ul {
  padding-bottom: 50px;
}

ul li::before {
  content: "\2022";
  color: rgb(218, 187, 208);
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.image {
  text-align: center;

}

.column {
  float: left;
  width: 33.33%;
  padding-bottom: 50px;

}

.row::after {
  content: "";
  clear: both;
  display: table;
  padding-bottom: 80px;
}

.middle {
  text-align: center;
  list-style-position: inside;
  color: rgb(218, 187, 208);
}