main a:hover {
    color: #729fcf;
}
#home-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}
.content ol {
    list-style-type: decimal;
    padding-left: 20px;
    margin-bottom: 20px;
}
.content ul li,
.content ol li, {
    margin-left: 20px;
}
#search-input {
    bottom: 0;
    transition: bottom ease 0.6s, opacity 0.6s linear 0.6s, width 0.6s ease 0.6s;
    opacity: 1;
    width: 100%;
}
#search-input-mobile {
    position: absolute;
    bottom: -63px;
    right: 0;
    transition: bottom ease 0.6s, opacity 0.6s linear 0.6s, width 0.6s ease 0.6s;
    opacity: 0;
    width: 0;
}
#search-input-mobile.active {
    bottom: -63px;
    right: 0;
    width: 200px;
    opacity: 1;
}
#search-results ol {
    list-style: decimal;
}
#search-results ol li {
    margin-left: 20px;
}
.grid-container {
   grid-template-areas: 
   "about" 
   "activity" 
   "bad-weather"
   "contact";
}
.item-1 {
  grid-area: about;
}
.item-2 {
  grid-area: activity;
}
.item-3 {
  grid-area: bad-weather;
}
.item-4 {
  grid-area: contact;
}
.content table td {
  padding: 8px 16px;
}
@media (min-width: 768px) {
    .item-1 > div {
        background-image: url('../images/018-tower-b-resized.png'); 
        background-position: 95% 70%; 
        background-size: 70px;
    }
    .item-2 > div {
        background-image: url('../images/048-scroll-b.png'); 
        background-position: 95% 70%; 
        background-size: 70px;
    }
    .item-3 > div {
        background-image: url('../images/Rain-01-b.png'); 
        background-position: 95% 70%; 
        background-size: 70px;
    }
    .item-4 > div {
        background-image: url('../images/048-email-b.png'); 
        background-position: 95% 70%; 
        background-size: 70px;
    }
}
@media (max-width: 767px) {
    .grid-container {
        grid-template-areas: 
            "activity bad-weather" 
            "about contact"; 
    }
    .item-1 > div {
        background-image: url('../images/018-tower-b-resized.png'); 
        background-position: 95% 90%; 
        background-size: 144px;
    }
    .item-2 > div {
        background-image: url('../images/048-scroll-b.png'); 
        background-position: 95% 90%; 
        background-size: 144px;
    }
    .item-3 > div {
        background-image: url('../images/Rain-01-b.png'); 
        background-position: 95% 90%; 
        background-size: 144px;
    }
    .item-4 > div {
        background-image: url('../images/048-email-b.png'); 
        background-position: 95% 90%; 
        background-size: 144px;
    }
}