@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFHeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFHeavyRegular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFThinRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFThinRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFThinRegular.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFBoldRegular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFLightRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFLightRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFLightRegular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFLightItalic.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFLightItalic.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFMediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFMediumRegular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Visby CF';
    src: url('fonts/FONTSPRINGDEMO-VisbyCFRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-VisbyCFRegular.woff') format('woff'),
        url('fonts/FONTSPRINGDEMO-VisbyCFRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* Other font-face definitions remain unchanged */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'FONTSPRING DEMO - Visby CF';
    font-weight: 600; /* Use normal weight for most text */
    font-style: normal;
}

body {
    background-color: #f4f4f4; /* Background color */
    color: #333; /* Default text color */
}
p{
    color: #404041;
}
/* Banner Section */
.banner {
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen height */
    background-color: #EB5A83; /* Set background color to pink */
    overflow: hidden;
    display: flex; /* Use flexbox for alignment */
    flex-direction: column; /* Stack elements vertically */
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
}

/* Logo */
.logo {
    max-width: 200px; /* Adjust max-width for the logo */
    margin-bottom: 20px; /* Space below the logo */
}

/* Location Header */
.location-header {
    background-color: transparent; /* Make it transparent */
    text-align: center; /* Center text */
    font-size: 20px; /* Font size */
    font-weight: bold; /* Bold font */
    color: #FEEDDB; /* Cream color */
    z-index: 1; /* Ensure it appears above other content */
}

.location-header .icon {
    width: 20px; /* Adjust icon size */
    vertical-align: middle; /* Align vertically */
    margin-right: 10px; /* Space between icon and text */
}

/* Main Banner Text */
.banner-text {
    text-align: center; /* Center text */
    color: #FEEDDB; /* Cream color for text */
    padding: 0 20px; /* Padding around text */
}

.banner-text h1 {
    font-size: 48px; /* Main heading size */
    margin-bottom: 20px; /* Space below the heading */
}

/* Menu Button Styles */
.menu-button {
    margin: 30px 0; /* Space above and below the button */
}

.btn {
   background-color: #404041;
    color: #FEEDDB;
    padding: 10px 30px; /* Button padding */
    text-decoration: none; /* Remove underline */
    border-radius: 30px; /* Rounded corners */
    font-size: 18px; /* Button text size */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}

.btn:hover {
    /*background-color: #404041;*/
    /*color: #fff;*/
    background-color: #FEEDDB; /* Cream background for button */
    color: #EB5A83; /* Pink text color */
}

/* Style for social icons */
.social-icons {
    margin-top: 0px; /* Space above the social icons */
    text-align: center; /* Center text inside */
}

.instagram-link {
    font-size: 30px; /* Adjust size of the icon */
    color: #404041; /* Cream color for the icon */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth hover effect */
}

.instagram-link:hover {
    color: #FEEDDB; /* Change to pink on hover */
}

/* Responsive Styles */
@media (max-width: 768px) {
    
    .banner-text h1 {
        font-size: 36px; /* Adjust heading size for mobile */
    }

    .btn {
        font-size: 16px; /* Adjust button text size for mobile */
        padding: 10px 20px; /* Adjust button padding for mobile */
    }

    .logo {
        width: 120px; /* Adjust logo size for mobile */
    }
}

.footer {
    text-align: center; /* Center text in footer */
    padding: 20px; /* Padding around footer */
    background-color: #fff; /* Background color of footer */
    border-top: 1px solid #ccc; /* Top border for footer */
    margin-top: 20px; /* Space above footer */
}

.footer p {
    color: #777; /* Color for footer text */
}