/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
h2.hero-h2 {
  color: #fff;
  text-align: left;
  font-size: 3.5rem; }

p.hero-p {
  font-size: 1.3rem;
  margin-top: 0px;
  text-align: left;
  margin-bottom: 40px;
  color: #fff; }

p.body-p {
  font-size: 1.3rem;
  text-align: left; }

h2.body-h2 {
  text-align: center;
  margin-botton: 10px;
  color: #fff;
  font-size: 2rem; }

button.hero-button\: {
  background-color: #ff8e69;
  border: solid #FF8E69;
  border-radius: 5px;
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  padding-top: 13px;
  padding-bottom: 13px;
  box-shadow: 10px 10px 8px #3333331; }

h2.middle-h2 {
  font-size: 2.2rem; }

button.hero-button\::hover,
button.book-button:hover,
button.footer-button:hover {
  background-color: #D66F4D;
  border: solid #D66F4D;
  transition: 0.3s; }

.footer-head {
  background: #3498DB;
  padding: 10px 40px; }

.footer-div {
  background: white;
  padding: 10px 100px;
  border-radius: 3px; }

.hero-div {
  background: #3498DB;
  margin: 17% 0% 17% 0%;
  padding: 5% 10% 10% 10%;
  display: flex;
  flex-direction: column;
  border-radius: 5px; }

button.book-button {
  background-color: #ff8e69;
  border: solid #FF8E69;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  padding: 1% 5% 1% 5%;
  margin: 20px 0 0 0;
  box-shadow: 10px 10px 8px #3333331; }

button.footer-button {
  background-color: #ff8e69;
  border: solid #FF8E69;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  padding: 1% 10% 1% 10%;
  margin: 20px 0 0 0;
  box-shadow: 10px 10px 8px #3333331; }

li.footer-llist {
  text-align: left;
  font-size: 1.1em; }

p.footer-p {
  font-size: 1.4rem; }

h2.footer-h2 {
  font-size: 3.5rem; }

ul.footer-ulist {
  color: #333; }

.footer-div {
  background: white;
  padding: 50px;
  border-radius: 3px; }

/* Blog Section */
.row.section__row {
  margin-top: -70px; }

@media only screen and (max-width: 600px) {
  h2.hero-h2 {
    color: #fff;
    text-align: center;
    font-size: 1.5rem; }

  h2.footer-h2 {
    font-size: 1.8rem; }

  .footer-div {
    background: white;
    padding: 0px;
    border-radius: 3px; } }