@media (min-width: 992px)
{
    .hero{
   display:block; 
}

.hero img{
filter: brightness(80%);
    width:100%;
}
.hero{
    position:relative;
    width:400px;
}

.hero img{
    width:100%;
    display:block;
}

#img1 {
  filter: brightness(450%);
}

.banner_title{
    position:absolute;
    top:20%;
    width:80%;
    left:10%;
    color:hsl(35,15%,88%);
    font-weight:bold;
    font-family:"Cormorant Garamond", Georgia, serif;;
    font-size:4.55rem;
    text-align:center;
}

.banner_subtitle{
    position:absolute;
    top:40%;
    width:80%;
    left:10%;
    color:hsl(35,15%,88%);
    font-weight:bold;
    font-family:"Cormorant Garamond", Georgia, serif;;
    font-size:2.75rem;
    text-align:center;
}

.buttons {
	position: absolute;
	top: 85%;
	margin-left: 25%;
	width: 50%;
	display: flex;
	padding-left: 10%;
}
.home_button {
	width: 24.99%;
	
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5rem;
	margin: 4px 5px;
	cursor: pointer;
	border-radius: 5px;
	height: 30px;
}
.btn_green{
    background-color: #4CAF50;
    border: none;
    color: white;
}
.btn_glass{
    
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255,255,255,0.3);
    color:white;
}

}

@media (max-width: 991px)
{
.hero{
    width:100%;
    height: 90vh;
    overflow:hidden;
}
.hero img{
    filter: brightness(80%);
    object-fit: cover;
    width:100%;
    height: 100%;
   
}
.banner_title{
    position:absolute;
    top:20%;
    left:15%;
    color:hsl(35,15%,88%);
    font-weight:bold;
    font-family:"Cormorant Garamond", Georgia, serif;;
    font-size:55px;
    width: 70%;
    text-align:center;
}
.banner_subtitle {
	position: absolute;
	top: 60%;
	left: 10%;
	color: hsl(35,15%,88%);
	font-weight: bold;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 20px;
	text-align: center;
	width: 80%;
}

.buttons {
	position: absolute;
	top: 70%;
	left: 50%;
        transform: translate(-50%, -50%);

        display: flex;
        gap: 20px; 
}
/*.home_button {
    width:24.99%;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 5px;
    cursor: pointer;
    border-radius: 5px;
    height: 30px;
}*/

.home_button {
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: white;
    border-radius: 6px;
}

.home_button-primary {
    background: #007bff;
    color: white;
}
}