@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200&family=Smooch&family=Water+Brush&display=swap');
:root {
--color: #6F4E37;
}

body {
font-size: 16px;
font-family: 'Roboto', sans-sherif;
margin: 0;
padding: 0;
  
}
.content {
max-width: 600px;
margin: 0 auto;
padding: 0 20px;
}

.hero {
position: relative;
background: #333333;
color: white;
height: 100vh;
display: flex;
align-items: center;
overflow: hidden;
  
}

.hero h2 {
position: relative;
z-index: 1;
font-size: 4.5rem;
margin: 0 0 10px;
line-height: 1;
color: rgba(255, 255, 255, 0.9);
font-family: 'Water Brush', cursive;
}

.hero p {
position: relative;
z-index: 1;
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.5);
line-height: 1.4;
}

.waves {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200px;
background-color: var(--color);
box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
transition: 500ms;
}

.waves::before,
.waves::after {
content: '';
position: absolute;
width: 300vw;
height: 300vw;
top: -65vw;
left: 50%;
transform: translate(-50%, -75%);
}

.waves::before {
border-radius: 44%;
background: rgba(51, 51, 51, 1);
animation: waves 8s linear infinite;
}

.waves::after {
border-radius: 44%;
background: rgba(51, 51, 51, 0.5);
animation: waves 15s linear infinite;
}

@keyframes waves {
0% {
    transform: translate(-50%, -75%) rotate(0deg);
}
  
100% {
    transform: translate(-50%, -75%) rotate(360deg);
}
}
/*ending of the hero*/
.footer-dark {
padding:50px 0;
color:#f0f9ff;
background-color:#282d32;
}

.footer-dark h3 {
margin-top:0;
margin-bottom:12px;
font-weight:bold;
font-size:16px;
}

.footer-dark ul {
padding:0;
list-style:none;
line-height:1.6;
font-size:14px;
margin-bottom:0;
}

.footer-dark ul a {
color:inherit;
text-decoration:none;
opacity:0.6;
}

.footer-dark ul a:hover {
opacity:0.8;
}

@media (max-width:767px) {
.footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
}
}

.footer-dark .item.text {
margin-bottom:36px;
}

@media (max-width:767px) {
.footer-dark .item.text {
    margin-bottom:0;
}
}

.footer-dark .item.text p {
opacity:0.6;
margin-bottom:0;
}

.footer-dark .item.social {
text-align:center;
}

@media (max-width:991px) {
.footer-dark .item.social {
    text-align:center;
    margin-top:20px;
}
}

.footer-dark .item.social > a {
font-size:20px;
width:36px;
height:36px;
line-height:36px;
display:inline-block;
text-align:center;
border-radius:50%;
box-shadow:0 0 0 1px rgba(255,255,255,0.4);
margin:0 8px;
color:#fff;
opacity:0.75;
}

.footer-dark .item.social > a:hover {
opacity:0.9;
}

.footer-dark .copyright {
text-align:center;
padding-top:24px;
opacity:0.3;
font-size:13px;
margin-bottom:0;
}
/* pictures */
.seasonal{
font-family: 'Water Brush', cursive;
}
.container-fluid {
    width: 100%;
}
.media {
    background-position: center;
    background-size: cover;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease;
    width: 100%;
}
h1{
text-align:center;
margin-bottom:50px;
margin-top:50px;
}
a {
font-family: Roboto;
text-decoration: none;
 
}
.blog-card-blog {
    margin-top: 30px;
    
}
.blog-card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.blog-card .blog-card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 16px 30px -12px rgba(0, 0, 0, 0.56), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    background-color: transparent;
}

.blog-card .blog-card-image img {
width: 100%;
height: auto;
    border-radius: 5px;
    pointer-events: none;
}
.blog-card .blog-table {
    padding: 15px 30px;
}
.blog-table {
    margin-bottom: 0px;
}
.blog-category {
    position: relative;
    line-height: 0;
    margin: 15px 0;
}
.blog-text-success {
    color: #28a745!important;
}
.blog-card-blog .blog-card-caption {
    margin-top: 5px;
}
.blog-card-caption {
    font-weight: 700;
    font-family: "Roboto Slab", "Times New Roman", serif;
}
.fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blog-card-caption, .blog-card-caption a {
    color: #333;
    text-decoration: none;
}

.blog-card-description {
    color: #3C4857;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.blog-card .ftr {
    margin-top: 15px;
}

.blog-card .ftr div {
    display: inline-block;
}


.blog-card .ftr .stats {
    float: right;
    line-height: 30px;
}
a{
  text-decoration: none;
}
a:hover{
color: #5894c6;
}

.reserve{
    height: 200px;
    position: relative;
}
.reservecenter{
    margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}