@charset "UTF-8";

.hideMobile {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}

header {
    text-align: center;
}

header div:first-child {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: var(--base-separation-mobile);
    max-height: 74px;
}

header div:nth-child(2) {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: calc(var(--base-separation-mobile) * 0.5);
}

#menuBtn {
    height: calc(var(--base-separation-mobile) * 4);
    position: fixed;
    right: var(--base-separation-mobile);
    top: calc(var(--base-separation-mobile) * 2);
    transition: all 0.5s linear;
}

#menuBtn.invert {
    transform: rotateX(180deg);
}

#mainNav {
    position: fixed;
    top: 74px;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

nav {
    background-color: var(--secondary-color-dark-alpha);
    display: flex;
    flex-direction: column;
}

nav a {
    margin: var(--base-separation-mobile) auto;
}

section {
    margin: 0;
    padding: 0;
}

#welcome {
    background-color: var(--text-color-dark);
}

#welcome div,
#whatIs > div:last-child,
#benefits > div:first-child,
#addressing > div:first-child,
#addressing > article > div:first-child,
#facilitator,
#contact > div {
    padding: calc(var(--base-separation-mobile) * 2);
}

#benefits ul {
    padding: calc(var(--base-separation-mobile) * 2);
}

#addressing > article > div:first-child {
    text-align: left;
}

#facilitator img {
    width: 60%;
}

#contact div {
    z-index: 1;
}

footer {
    padding: var(--base-separation-mobile);
}

footer img {
    height: calc(var(--base-separation-mobile) * 2);
    width: calc(var(--base-separation-mobile) * 2);
    margin: var(--base-separation-mobile);
}

footer p {
    margin: var(--base-separation-mobile);
}

#scrollToTopImg {
    bottom: calc(var(--base-separation-mobile) * 5);
    right: calc(var(--base-separation-mobile) * 2);
}