body {
    padding-top: 100px;
    padding-bottom: 60px;
    background-color: 	#f8f8f7;
    font-family: Georgia, 'Times New Roman', Times, serif;
}


a:hover {
    text-decoration: none;
    color: #486581;
}
a img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.nav_color {
    background-color:#2e3a59;
}

@media (min-width: 992px) {
  
  
    .button-navi {
        color: #333;
        font-family: Georgia, 'Times New Roman', Times, serif;
        text-decoration: none;
        padding: 10px 15px;
        text-decoration: none;
        background-color: rgb(240, 238, 243); 
        border-radius: 5px;
        border: 1px solid #e1c78f;
        margin-left: 15px;
        margin-right: 15px;
   display: inline-block;
       }
       .button-navi:hover {
        background-color: #c9ab71;
        text-decoration: none;
        color: white;
        
       }
       h2 {
        font-size: 22px;
       }
       h1 {
        font-size: 18px;
       }
       h3 {
        font-size: 16px;
       }
       a {
        text-decoration: none;
       }
       
    .col-md-4 a img:hover {
        transform: scale(1.05);
        transition: transform 0.3s ease;
        margin-bottom: 20px;
        margin-right:30px;
        margin-left:30px;
        position:relative;
        z-index:1;
    
    }
    .container #gallery img:hover {
        transform:scale(1.3);
        transition: transform 0.3 ease-in-out;
        position:relative;
        z-index: 999;
    
    }
}

 #blog_welcome {
    font-size: 40px;
    
}

.active {
    font-weight: bold;
}
.logo {
    width: 80px;
    height: auto;
    margin: 0 auto;
    color: #e1c78f;
}
.logo_text {
    color: #e1c78f;
}



h2 {
    text-align: center;
    color: #333;
    font-size: 2.8em;
    margin-top: 20px;
    text-shadow: 0.5px 0.5px 1px rgba(225, 199, 143, 0.3);
    padding-top: 20px;
    padding-bottom: 20px;
}

h1 {
    color: #313030;
    font-size: 1.8em;
    margin-top: 10px;
    text-align: center;
    padding-bottom: 20px;
}

h3 {
    
    color: #616060;
    font-size: 1.5em;
    margin-top: 5px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
 h4 {
   
        text-align: center;
        color: #333;
        font-size: 2.5em;
        text-shadow: 0.5px 0.5px 1px rgba(225, 199, 143, 0.3);
        background-color: #2e3a59;
        color: #e1c78f;
        padding: 10px 0;
        text-align: center;
        bottom: 0;
        margin-top: 60px;
        margin-bottom: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        

    
 }
a {
    color:black;
      
}

p {
    text-align: center;
    margin-top:5px;
    font-size: 1.2em;
    padding-top: 5px;
}



.social-icons a {
    color: #e1c78f;
    font-size: 1.8em;
    margin: 0 10px;
    transition: color 0.3s ease;
    padding-right: 10px;
  }
  
  .social-icons a:hover {
    color: #fff;
  }

  footer {
    background-color: #2e3a59;
    color: #e1c78f;
    padding: 10px 0;
    text-align: center;
    bottom: 0;
    margin-top: 60px;

  }


.oleo-script-swash-caps-bold {
  font-family: "Oleo Script Swash Caps", system-ui;
  font-weight: 700;
  font-style: normal;
}

.scroll_to_top {
    position:fixed;
    bottom:30px;
    right: 30px;
    z-index: 999;
    font-size:18px;
    background-color: #e1c78f;
    color: #2e3a59;
    padding: 10px 15px;
    border-radius: 50%;
    box-shadow: 0 4px 8px #2e3a59 (0, 0, 0, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    display: none;
}

.scroll_to_top:hover {
    background-color: #2e3a59;
    color:#e1c78f;
    transform: scale(1.1);
}


.container #gallery img {
    border-radius: 4px;
    border: 2px solid #2e3a59;;
    box-shadow: 0 4px 8px #2e3a59 (0, 0, 0, 0.1);
}

.container {
    padding-top:40px;
}

#mystory {
    font-size: 50px;
}

.home_page_link {
    color: #e1c78f;
    }
.home_page_link:hover{
    color:#f8f8f7;
}