/* PAGE SPECIFIC STYLES - om-oss.css */

/* Stiler for hovedinnholdet på "Om oss"-siden */
.about-section.light-beige-bg {
    /* Reduser standard padding-top for større skjermer. */
    padding-top: 2rem; /* Justert fra 15rem. Dette vil være for skjermer > 992px */
    padding-bottom: 8rem; /* Behold denne for avstand til fotballen */
    display: flex;
    flex-direction: column;
    align-items: center; /* Sentrerer innholdet horisontalt */
    justify-content: flex-start; /* Starter innholdet fra toppen av den nye paddingen */
}

/* For å sikre at tittelen på 'om-oss.html' er sentrert på denne siden,
   men fortsatt kan være venstrejustert på index.html dersom den seksjonen
   har en annen seksjonstittel-stil. */
.about-section .section-title {
    text-align: start; /* Standard: Venstrejustert på større skjermer */
    padding-top: 0; /* Nullstiller padding-top fra global .section-title i base.css */
    color: var(--color-primary);
    font-size: 3rem; /* Eksempel, juster etter desktop-ønske */
}

/* Hvis teksten i .profile-layout p skal ha en annen størrelse spesifikt for denne siden. */
.profile-layout p {
    font-size: 1.25rem;
    color: var(--color-primary);
    text-align: start; /* Sørg for at den er venstrejustert som standard */
}

.profile-image {
    padding-top: 0rem;
    margin-top: 3rem;
    flex-shrink: 0;
    width: 300px; /* Behold bredden på bildet */
    height: auto; /* Tillat bildet å skalere proporsjonalt */
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Responsive justeringer for padding og tekstjustering */
@media (max-width: 992px) {
    .about-section.light-beige-bg {
        padding-top: 7rem; /* Redusert ytterligere for små PC-skjermer/nettbrett (fra 10rem) */
        padding-bottom: 6rem;
    }
    /* Sentrer tittelen når skjermen blir mindre enn 992px */
    .about-section .section-title {
        text-align: center;
        font-size: 2.5rem; /* Juster tittelstørrelse for nettbrett */
    }
    .profile-layout p {
        text-align: center; /* Sentrer teksten i paragrafene også */
        font-size: 1.1rem; /* Juster tekststørrelse for nettbrett for bedre lesbarhet */
    }
}

@media (max-width: 767px) { /* Dette er vanligvis "mobil"-breakpoint */
    .about-section.light-beige-bg {
        padding-top: 5rem; /* Redusert ytterligere for mindre nettbrett/større mobiler (fra 8rem) */
        padding-bottom: 4rem;
    }
    .about-section .section-title {
        text-align: center; /* Sørg for sentrering av tittel på mobil */
    }
    .profile-layout p {
        font-size: 1rem; /* Justert tekststørrelse for mobil for bedre lesbarhet */
        text-align: center; /* Sentrer teksten i paragrafene også */
    }
    .section-title {
        font-size: 3rem;
    }
}

@media (max-width: 480px) { /* Dette er for små mobiler */
    .about-section.light-beige-bg {
        padding-top: 4rem; /* Redusert ytterligere for små mobiler (fra 6rem) */
        padding-bottom: 3rem;
    }
    .about-section .section-title {
        text-align: center; /* Sørg for sentrering av tittel på små mobiler */
        font-size: 3rem; /* Justert tittelstørrelse for små mobiler */
    }
    .profile-layout p {
        font-size: 1.2rem; /* Justert tekststørrelse for små mobiler for bedre lesbarhet */
        text-align: center; /* Sentrer teksten i paragrafene også */
    }

}