@charset "utf-8";
/* CSS Document */

body
{
	border:0;
	 margin: 0;
     padding: 0;
}

img
{
	border:0;
}

a {
  color: black;
  font-style: italic;
  text-decoration: none;
}

#containter
{
	position:absolute;
	width:100%;
}


#header
{
	position:relative;
	width:60%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	
}

@font-face
{
	font-family:customfont;
	src=url (CASTELAR.ttf);
}

@font-face
{
	font-family:customfont1;
	src=url (GOTHIC.ttf);
}

#mainType
{
	font-family:customfont, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:1.2em;
	position:relative;
	width:100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	text-align:center;
}

#contentType
{
	font-family:customfont1, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.2em;
	position:relative;
	width:55%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	text-align:center;
}


#menuBtn
{
	position:relative;
	width:100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	text-align:center;
}

#happyhrBtn
{
	position:relative;
	width:100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	text-align:center;
}

#uberBtn
{
	position:relative;
	width:100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	text-align:center;
}


#instaBtn
{
	position:relative;
	width:100%;
	display: block;
  	margin-left: auto;
  	margin-right: auto; 
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
/* Gallery */

 .gallery-container {
      text-align: center;
    }

    .gallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin: 10px;
    }

    .gallery img {
      width: 75%;
      height: auto;
      object-fit: cover;
      cursor: pointer;
      margin: 10px;
      border: 2px solid #ddd;
      border-radius: 8px;
      transition: transform 0.3s;
    }

    .gallery img:hover {
      transform: scale(1.06);
    }

    .lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: center;
    }

    .lightbox img {
      max-width: 80%;
      max-height: 80%;
      border-radius: 8px;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      color: #fff;
      font-size: 100px;
    }
@media (max-width: 480px) {
    .custom-footer {
        position: static;
    }
}

    @media (min-width: 768px) {
      .gallery img {
        width: 35%;
      }
    }

    @media (min-width: 1024px) {
      .gallery img {
        width: 31%;
      }

/* Styles for the floated image below the gallery 
    .floated-image {
      width: 100%;
      max-width: 100%; /* Adjust the max-width as needed 
      display: block;
      margin-top: 20px auto;
      border: 2px solid #ddd;
      border-radius: 8px;
    }
*/
		
  /* Footer Styles 
    footer {
      background-color: #000 !important;;
      color: #fff;
      padding: 20px;
       text-align: center;
  		font-family: 'Century Gothic', sans-serif;
    }
	
footer a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s; /* Smooth transition for color changes 
}

footer a:hover {
  color: #ffd700; 
} */
		
/* Custom Footer Styles */
.custom-footer {
  display: block;
  background-color: #000;
  color: #fff;
  padding: 20px;
  text-align: center;
  font-family: 'Century Gothic', sans-serif;
  position: relative; 
  margin-top: auto; 
  width: 100%; /* Ensure the width is 100% */
  height: 65px; /* Set the desired height */
}

.custom-footer a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
  font-family: 'Century Gothic', sans-serif;
}

.custom-footer a:hover {
  color: #ffd700; 
}