@import url("nav.css");
@import url("bgvideo.css");
@import url("global.css");


.aboutimg {
width: 500px;
padding: 150px;
}


.about {
width: 100%;
padding-top: 12rem;
z-index: -5;
	display: flex;
	justify-content: space-around;
}


.about-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
z-index: -5;
}


.about-block {
flex: 1 1 300px;
max-width: 600px;
z-index: -5;
}


.about-block img {
width: 100%;
height: auto;
border-radius: 1rem;
margin-bottom: 1rem;
z-index: -5;
}

/* Desktop layout */
@media (min-width: 900px) {
.about-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}


.about-block:first-child {
grid-row: span 2;
align-self: start;
}
}


/* Mobile adjustments */
@media (max-width: 600px) {
.about-block img {
border-radius: 0.75rem;
}


.about-block p {
font-size: 0.95rem;
}
}