/* -- -- Hero section -- -- */

/* All content is in main.css */

/* -- -- End of Hero section -- -- */

/* -- -- Presentation content -- -- */
.presentation__section {
    padding-top: var(--size-11);
    padding-bottom: var(--size-7);
}

.presentation__section .container{
    display: flex;
    flex-direction: column;
    gap: var(--size-10);
}

.presentation__section .presentation__content{
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.presentation__section .presentation__image-container{
    width: 100%;
    overflow: hidden;
    border-radius: var(--size-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.presentation__section .presentation__image-container .presentation__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .presentation__section {
        padding-top: var(--size-12);
        padding-bottom: var(--size-8);
    }

    .presentation__section .container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--size-8);
    }

    .presentation__section .presentation__content{
        gap: var(--size-6);
    }
}
/* -- -- End of Presentation content -- -- */


/* -- -- Focus section -- -- */
.focus__section{
    padding-top: var(--size-7);
    padding-bottom: var(--size-11);
}

.focus__section .container{
    display: flex;
    flex-direction: column;
    gap: var(--size-7);
}

.focus__section .focus__content{
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.focus__section .focus__image{
    width: var(--size-9);
    margin-bottom: var(--size-6);
}

@media (min-width: 768px) {
    .focus__section{
        padding-top: var(--size-8);
        padding-bottom: var(--size-12);
    }

    .focus__section .container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--size-8);
    }
}
/* -- -- End of Focus section -- -- */


/* -- -- Research subject section -- -- */

.research__section {
    background-color: var(--white);
}

/* Rest of the styles are in main.css */

/* -- -- End of Research subject section -- -- */


/* -- -- Researchers content -- -- */
.researchers__section {
    padding-top: var(--size-11);
    padding-bottom: var(--size-11);
}

.researchers__section .container{
    display: flex;
    flex-direction: column;
    gap: var(--size-10);
}

.researchers__section .researchers__content{
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.researchers__section .researchers__image-container{
    width: 100%;
    overflow: hidden;
    border-radius: var(--size-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.researchers__section .researchers__image-container .researchers__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .researchers__section {
        padding-top: var(--size-12);
        padding-bottom: var(--size-12);
    }

    .researchers__section .container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--size-8);
    }

    .researchers__section .researchers__content{
        gap: var(--size-5);
        margin: 0 var(--size-12);
    }
}
/* -- -- End of Researchers content -- -- */


/* -- -- Events section -- -- */
.next-event__section {
    background-color: var(--deep-blue-50);
}

/* Rest of the styles are in main.css */

/* -- -- End of Events section -- -- */


/* -- -- Newsletter section -- -- */
.newsletter__section {
    background-color: var(--white);
}

/* Rest of the styles are in main.css */

/* -- -- End of Newsletter section -- -- */

/* -- -- Contact section -- -- */
.contact__section {
    background-color: var(--deep-blue-50);
}

/* Rest of the styles are in main.css */

/* -- -- End of Contact section -- -- */