/*
Theme Name: Gourmand
Theme URI: http://gourmand.qodeinteractive.com
Description: An Exquisite Restaurant and Bistro Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Text Domain: Gourmand
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.5
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* The hero image */

 /* blurring the image */
    .myhero {
        width: 100%;
    }

.myhero img {
  display: block;
  width: 100%;
  height: auto;
}

/* Black tint overlay using a pseudo-element */
.myhero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2; /* Adjust the opacity as needed */
}
             
    /* designing title and tag line */
   .hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 27%;
  transform: translate(-21%, -50%);
  color: white;
}

h9{
    color: white;
    text-align: center;
    font-size: 67px;
    line-height: 1em;
    font-family: 'Poppins';
     font-weight: 800;
}

@media (max-width: 768px) {
    h9 {
        font-size: 40px; /* Adjust the font size for tablets */
    }
	
	
@media (max-width: 650px) {
    h9 {
        font-size: 20px; /* Adjust the font size for tablets */
    }