body{
margin:0;
font-family:Inter;
}


/* NAV */



/* HEADER */

.aboutHeader{

height:300px;

background:
linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
url("https://images.unsplash.com/photo-1521587760476-6c12a4b040da");

background-size:cover;

background-position:center;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;

}

.headerContent h1{

font-family:Montserrat;

font-size:42px;

margin:0;

letter-spacing:1px;

}

.headerContent p{

margin-top:10px;

color:#ddd;

}



/* ABOUT */

.about{
padding:80px 10%;
background:#f5f5f5;
}

.aboutContainer{
display:flex;
gap:60px;
align-items:flex-start;
}

.aboutLeft{
width:50%;
}

.aboutLeft h1{
font-family:Oswald;
font-size:48px;
line-height:60px;
letter-spacing:1px;
margin-bottom:30px;
}


.aboutImages{
display:flex;
gap:15px;
}

.aboutImages img{
width:33%;
height:170px;
object-fit:cover;
border-radius:8px;
transition:.3s;
}

.aboutImages img:hover{
transform:scale(1.05);
}



.aboutRight{
width:50%;
}

.aboutRight p{
color:#555;
line-height:28px;
margin-bottom:20px;
font-size:15px;
}






/* RESPONSIVE */

@media(max-width:900px){

.aboutContainer{
flex-direction:column;
}

.aboutLeft{
width:100%;
}

.aboutRight{
width:100%;
}

.aboutLeft h1{
font-size:34px;
line-height:44px;
}

.aboutImages img{
height:140px;
}

}

@media(max-width:600px){

.aboutImages{
flex-direction:column;
}

.aboutImages img{
width:100%;
}

.aboutHeader{
height:220px;
}

.headerContent h1{
font-size:30px;
}

}
.aboutNumbers{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:25px;

}

.numBox{

background:white;

padding:15px;

border-radius:8px;

border-left:4px solid #C8A96A;

}

.numBox h2{

margin:0;

font-size:26px;

color:#C8A96A;

font-family:Oswald;

}

.numBox p{

margin:5px 0 0;

font-size:14px;

color:#555;

}
/* POPUP */

.popup{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,0.7);

display:none;

align-items:center;

justify-content:center;

z-index:2000;

}

/* CONTENT */

.popupContent{

background:white;

padding:35px;

width:400px;

border-radius:8px;

position:relative;

animation:popup .3s;

}

@keyframes popup{

from{transform:scale(.8);}

to{transform:scale(1);}

}

.popupContent h2{

margin-top:0;

font-family:Montserrat;

}

/* CLOSE */

.closeBtn{

position:absolute;

right:15px;

top:10px;

font-size:20px;

cursor:pointer;

}

/* FORM */

.popupContent input,
.popupContent select,
.popupContent textarea{

width:100%;

padding:10px;

margin:8px 0;

border:1px solid #ddd;

font-family:Open Sans;

}

.popupContent textarea{

height:90px;

resize:none;

}

.bookBtn{

width:100%;

background:black;

color:white;

border:none;

padding:12px;

cursor:pointer;

margin-top:10px;

transition:.3s;

}

.bookBtn:hover{

background:#C8A96A;

}

/* MOBILE */

@media(max-width:500px){

.popupContent{

width:90%;

}

}