﻿body {
    font-family: 'raleway', sans-serif !important;
}

h3 {
    color: rgba(35, 35, 35, 0.75);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #2373ba;
    padding-bottom: 0.5em;
    margin: 1em 2em 2em 2em;
}

h4 {
    color: rgba(35, 35, 35, 0.75);
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    margin: 2em 0 1em 0
}

.list-spacing li {
    margin-top: 1.5em;
}

ul.timeline {
    list-style-type: none;
    position: relative;
    padding-left: 90px;
}

    ul.timeline li {
        padding-bottom: 20px
    }


        ul.timeline li div {
            padding-left: 70px;
        }

    ul.timeline:before {
        content: ' ';
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 159px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline span.date {
        color: #2373ba;
        position: absolute;
        left: 0;
        width: 130px;
        text-align: right;
    }

    ul.timeline > li {
        margin: 20px 0;
        padding-left: 20px;
    }

        ul.timeline > li:before {
            content: ' ';
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #22c0e8;
            left: 150px;
            width: 20px;
            height: 20px;
            z-index: 400;
        }

.page-menu {
    position: absolute;
    z-index: 1;
    top: 2vw;
    left: 5vw
}


.page-menu-logo-and-link-container {
    display: flex;
    flex: 1 0 0
}

.page-menu-logo-container {
    width: 15%;
}

    .page-menu-logo-container img {
        width: 100%;
    }

.page-menu-link-container {
    text-align: right;
    flex-grow: 1;
    margin-top: calc(96/165 * 15vw * 0.4 - max(12px, 1vw));
}

    .page-menu-link-container a {
        color: white;
        font-weight: bold;
        padding: 10px;
        font-size: min(24px, max(12px, 1.5vw));
    }

#fullview #down {
    position: absolute;
    top: 80vh;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 6rem;
}

    #fullview #down i {
        cursor: pointer;
    }

#fullview #signup {
    position: absolute;
    top: 40vh;
    z-index: 2;
    width: 100%;
    text-align: center;
}

body.fullview {
    margin-bottom: 0;
}

#fullview #section2 {
    padding-top: 10vh;
}

#fullview #signup a {
    border: 5px solid #2373ba;
    border-radius: 15px;
    color: #2373ba;
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: 3px;
    word-spacing: 10px;
    background-color: #fff9;
    padding: 20px;
}



.faq {
    color: #666
}

    .faq .question {
        color: black;
        font-weight: bold;
        margin-top: 2em;
    }


.signup-menu {
    background-color: #2373ba
}

    .signup-menu a {
        font-size: 120%;
        color: white;
        padding: 1em
    }
