:root {
    --grid-cols: repeat(24, calc(13.5px + 0.6vw));
    --grid-rows: repeat(15, calc(17.5px + 0.8vw));
    --div-fontsize: calc(13.5px + 0.5vw);
    --mentorpicture-width: calc(115px + 1.5vw);
}

@media screen and (max-width: 750px) {
    :root {
        --grid-cols: repeat(24, calc(10.5px + 0.7vw));
        --grid-rows: repeat(15, calc(18.5px + 0.8vw));
        --div-fontsize: calc(13px + 0.5vw);
        --mentorpicture-width: calc(115px + 1vw);
    }
}

@media screen and (min-width: 2500px) {
    :root {
        --mentorpicture-width: calc(150px + 3vw);
        --grid-cols: repeat(24, calc(13.5px + 0.8vw));
        --grid-rows: repeat(15, calc(17.5px + 1vw));
        --div-fontsize: calc(13.5px + 0.7vw);
    }
}

/* general */
h2,
h3,
p,
.desc,
.desc div,
.desc p {
    color: white;
}

#mentorsPresentations i:hover {
    color: var(--color4);
}

/* mentors nav */
#mentorsNav {
    display: grid;
    grid-template-columns: var(--grid-cols);
    grid-template-rows: var(--grid-rows);
}

#mentorsNav button {
    font-size: var(--div-fontsize);
}

#tr1 {
    grid-row-start: 4;
}

#tr2 {
    grid-row-start: 5;
}

#tr3Anf1 {
    grid-row-start: 6;
}

#tr4 {
    grid-row-start: 7;
}

#tr5 {
    grid-row-start: 9;
}

#tr6 {
    grid-row-start: 10;
}

#tr7 {
    grid-row-start: 11;
}

#tr8 {
    grid-row-start: 12;
}

#tr9 {
    grid-row-start: 13;
}

#tr10 {
    grid-row-start: 14;
}

#tr11 {
    grid-row-start: 15;
}

#nf2 {
    grid-row-start: 6;
    grid-column-start: 2;
}

#nf3 {
    grid-row-start: 6;
    grid-column-start: 3;
}

#nf4 {
    grid-row-start: 6;
    grid-column-start: 4;
}

#nf5 {
    grid-row-start: 6;
    grid-column-start: 5;
}

#nf6 {
    grid-row-start: 6;
    grid-column-start: 6;
}

#nf7 {
    grid-row-start: 6;
    grid-column-start: 8;
}

#nf8 {
    grid-row-start: 6;
    grid-column-start: 9;
}

#nf9 {
    grid-row-start: 6;
    grid-column-start: 10;
}

#nf10Apm6 {
    grid-row-start: 6;
    grid-column-start: 11;
}

#pm1 {
    grid-column-start: 11;
}

#pm2 {
    grid-row-start: 2;
    grid-column-start: 11;
}

#pm3 {
    grid-row-start: 3;
    grid-column-start: 11;
}

#pm4 {
    grid-row-start: 4;
    grid-column-start: 11;
}

#pm5 {
    grid-row-start: 5;
    grid-column-start: 11;
}

#pm7 {
    grid-row-start: 8;
    grid-column-start: 11;
}

#pm8Ams7 {
    grid-row-start: 9;
    grid-column-start: 11;
}

#pm9 {
    grid-row-start: 10;
    grid-column-start: 11;
}

#pm10 {
    grid-row-start: 11;
    grid-column-start: 11;
}

#pm11 {
    grid-row-start: 12;
    grid-column-start: 11;
}

#ms1 {
    grid-row-start: 9;
    grid-column-start: 4;
}

#ms2 {
    grid-row-start: 9;
    grid-column-start: 5;
}

#ms3 {
    grid-row-start: 9;
    grid-column-start: 6;
}

#ms4 {
    grid-row-start: 9;
    grid-column-start: 7;
}

#ms5 {
    grid-row-start: 9;
    grid-column-start: 8;
}

#ms6 {
    grid-row-start: 9;
    grid-column-start: 10;
}

#ms8 {
    grid-row-start: 9;
    grid-column-start: 12;
}

#ms9 {
    grid-row-start: 9;
    grid-column-start: 13;
}

#ms10 {
    grid-row-start: 9;
    grid-column-start: 14;
}

#ms11 {
    grid-row-start: 9;
    grid-column-start: 15;
}

#ms12 {
    grid-row-start: 9;
    grid-column-start: 16;
}

#ms13 {
    grid-row-start: 9;
    grid-column-start: 18;
}

#ms14 {
    grid-row-start: 9;
    grid-column-start: 19;
}

#ms15 {
    grid-row-start: 9;
    grid-column-start: 20;
}

#ms16 {
    grid-row-start: 9;
    grid-column-start: 21;
}

#ms17 {
    grid-row-start: 9;
    grid-column-start: 22;
}

#ms18 {
    grid-row-start: 9;
    grid-column-start: 23;
}

#ms19Add8 {
    grid-row-start: 9;
    grid-column-start: 24;
}

#dd1 {
    grid-row-start: 1;
    grid-column-start: 24;
}

#dd2 {
    grid-row-start: 2;
    grid-column-start: 24;
}

#dd3 {
    grid-row-start: 3;
    grid-column-start: 24;
}

#dd4 {
    grid-row-start: 4;
    grid-column-start: 24;
}

#dd5 {
    grid-row-start: 5;
    grid-column-start: 24;
}

#dd6 {
    grid-row-start: 6;
    grid-column-start: 24;
}

#dd7 {
    grid-row-start: 8;
    grid-column-start: 24;
}

#dd8 {
    grid-row-start: 9;
    grid-column-start: 24;
}

#dd9 {
    grid-row-start: 10;
    grid-column-start: 24;
}

#dd10 {
    grid-row-start: 11;
    grid-column-start: 24;
}

#dd11 {
    grid-row-start: 12;
    grid-column-start: 24;
}

#dd12 {
    grid-row-start: 13;
    grid-column-start: 24;
}

#dd13 {
    grid-row-start: 14;
    grid-column-start: 24;
}

#dd14 {
    grid-row-start: 15;
    grid-column-start: 24;
}

section {
    text-align: center;
}

#mentorsPresentations {
    margin-top: var(--mp10);
    background-color: var(--color1);
}

#mentorsPresentations img {
    width: var(--mentorpicture-width) !important;
    margin-top: calc(var(--mentorpicture-width) * -0.5);
}

#mentorsPresentations .container {
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#mentorsPresentations .container div:not(#mentorsPresentations .container div>div) {
    margin: var(--mp9) auto;
}

#mentorsPresentations p,
#mentorsPresentations span,
#mentorsPresentations div,
#mentorsPresentations u,
#mentorsPresentations b,
#mentorsPresentations li {
    font-size: var(--p-fontsize);
    line-height: 1.5;
    color: white;
}

#mentorsPresentations b {
    font-weight: 600 !important;
}

#mentorsPresentations u {
    text-decoration: underline;
}

#mentorsPresentations ul {
    list-style: disc;
    margin-left: 20px;
}

#mentorsPresentations h3 {
    margin-bottom: var(--mp1);
}

footer span,
footer a{
  color: white;
}

footer a:hover{
  color: var(--color4)!important;
}