/*****************************
 Main
******************************/
.main {
  position: relative;
  padding-left: 2%;
  padding-right: 2%;
  width: 100%;
  font-family: defaultMedium;
}

.main img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  border-radius: 10%;
}

.main ul {
  color: Green;
  list-style-image: url('../images/bullet.png');
}

.name {
  font-family: signatureFont;
  padding-left: 3%;
}

button.btn {
  position: relative;
  margin-left: 10%;
  width: 80%;
  height: 40px;
  background: #FFE066; /* Beefit Yellow */
  box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
  font-size: 1em;
  color: black;
  font-weight: 500;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  outline: none;
  transition: .5s;
}

/*****************************
 Quote
******************************/
section.quote {
  background-color: #FFE066; /* Beefit Yellow */
  font-family: defaultHandwritten;
  text-align: center;
  font-size: 2em;
}

section.quote .small {
  font-size: 0.8em;
}

/*****************************
 Package
******************************/
table.package {
  border: 1px solid Black;
  border-collapse: collapse;
  border-color: OliveDrab;
  width:90%;
  margin: 0px auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
}

table.package th {
  border: 1px solid Black;
  background-color: OliveDrab;
  border-color: OliveDrab;
  font-size: 1.5em;
  color : White;
}

table.package .price {
  border: 1px solid Black;
  text-align: center;
  font-size: 2em;
  border-color: OliveDrab;
}

table.package ul {
  color: Black;
  list-style-type: disc;
  list-style-image: none;
}

table.package li::marker {
  color: OliveDrab;
}

/*****************************
 Keys
******************************/
table.keys {
  margin-left: auto;
  margin-right: auto;
}

table.keys img {
  height: 40px;
}

table.keys td {
  font-size: 0.8em;
  text-align: center;
}