.md-tabs {
    display: none;
}

article {
    padding-bottom: inherit;
}

body {
    color: #ccc;
}

span#bigtitle {
    font-family: 'DM Serif Display', 'Times New Roman', 'Times', serif;
    font-size: 60px;
    margin-top: 10px;
    color: #ddd;
    text-shadow: 2px 2px 5px black;
}

span#hero {
    font-size: 24px;
}

span#heromoji {
    font-size: 100px;
}

span.pretendh2 {
    font-family: 'DM Serif Display', 'Times New Roman', 'Times', serif;
    font-size: 29px;
    letter-spacing: -2%;
    line-height: 2em;
    color: orange;
}

div#tables1 a {
    color: orange;
    font-weight: bold;
}

div#phase2 table {
    background-color: inherit;
    border: none;
    color: #ddd;
}

div#conclusion {
    margin: 4.8em auto;
    line-height: 3.3ex;
    width: 71%;
}

div#conclusion a:not(.md-button) {
    color: orange;
}

div#conclusion .md-button {
    margin-bottom: 8px;
    font-size: 22px;
}

div#conclusion img:not(.twemoji) {
    margin-bottom: 20px;
}

div#conclusion a.link {
    font-size: 22px;
    color: #eee;
    font-weight: bold;
}

strong#cslogan {
    font-family: 'DM Serif Display', 'Times New Roman', 'Times', serif;
    font-weight: normal;
    color: #eee;
    letter-spacing: -2%;
    font-size: 29px;
}

span#cname {
    color: #5382eb;
    font-size: 46px;
    font-family: 'DM Serif Display', 'Times New Roman', 'Times', serif;
    letter-spacing: -1%;
    text-shadow: 1px 1px 25px black;
}

img#clogo {
    padding-bottom: 10px;
}

.nobreak {
    text-wrap: nowrap;
}

div#tables1 {
    margin-top: -35px;
    min-width: 100%;
}

div#tables1 em {
    font-weight: bold;
}

div#services {
    text-align: center;
    line-height: 3.6ex;
}

div#services em {
    color: #ddd;
    font-weight: bold;
    font-style: normal;
}

div#services .twemoji {
    color: #eee;
}

div.md-header__title {
    color: black;
}

div#herodiv p {
    color: #c8c8c8 !important;
}

div#pitch ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

div#pitch li {
    margin-bottom: 1em;
    padding-left: 1em;
    text-indent: -2.5ch;
}

div#pitch li:before {
    content: "\2B95";
    color: orange;
    padding-right: 1ch;
}

div#pitch strong {
    color: #eee;
}

h1#first {
    margin-top: 1.6em;
    color: black;
    text-align: center;
}

h2#third {
    /*color: #0084ff;*/
    margin: 3.4em 0 0 0;
}

h1#fourth, h1#fifth, h1#sixth {
    color: #ddd;
}

h1#fifth, h1#sixth {
    text-align: center;
    /*margin: 2em 0 3em;*/
    /*background-color: orange;*/
    color: #ddd;
    border-style: double;
    border-color: orange;
}

h1#fifth {
    margin: 40px 0;
    border-width: 6px 0;
    padding: 2.5em 0 2.5em;
}

h1#sixth {
    margin-top: 50px;
    border-width: 6px 0 0 0;
    padding: 2.0em 0 0.5em;
}

.md-typeset table:not([class]) td {
    border-top: none;
}

.md-main__inner, h1#fourth {
    margin-top: 0;
}

.md-content__inner {
    padding-top: 0;
}

.md-typeset .md-button--primary {
    background-color: #1c4770;
    border-color: #1c4770;
}

.md-typeset .md-button:focus, .md-typeset .md-button:hover {
    background-color: #5382eb;
    border-color: #5382eb;
}

.invert {
    color: black;
}

.orange, div#phase2 tbody td strong {
    color: orange;
}

.white {
    color: white;
}

@media only screen and (min-width: 2000px) {
    main {
        background: linear-gradient(#0c3760,
                                    var(--md-footer-bg-color) 537px,
                                    #ddd 537px,
                                    #ccc 910px,
                                    var(--md-footer-bg-color) 910px,
                                    #0c3760);
    }
    div#tables1 strong {
        font-size: 24px;
    }
    div.invert .twemoji {
        color: black;
    }
}

@media only screen and (max-width: 1999px) {
    span#bigtitle { font-size: 55px; }
    span#hero { font-size: 22px; }
    span#heromoji { font-size: 87px; }
    main {
        background: linear-gradient(#0c3760,
                                    var(--md-footer-bg-color) 490px,
                                    #ddd 490px,
                                    #ccc 830px,
                                    var(--md-footer-bg-color) 830px,
                                    #0c3760);
    }
    div#tables1 strong {
        font-size: 21px;
    }
    div.invert .twemoji {
        color: black;
    }
}

@media only screen and (max-width: 1599px) {
    span#bigtitle { font-size: 50px; }
    span#hero { font-size: 20px; }
    span#heromoji { font-size: 80px; }
    main {
        background: linear-gradient(#0c3760,
                                    var(--md-footer-bg-color) 448px,
                                    #ddd 448px,
                                    #ccc 750px,
                                    var(--md-footer-bg-color) 750px,
                                    #0c3760);
    }
    div.invert .twemoji {
        color: black;
    }
}

@media only screen and (max-width: 1219px) {
    img#heroimg { display: none; }
    div#tables1 strong { font-size: 17px; }
    h1#first { font-size: 28px; }
    div#herodiv p {
        padding-left: 20px;
    }
    .invert, h1#first {
        color: inherit;
    }
    .md-typeset .grid.cards>ul>li {
        border: none;
    }
    main {
        background: linear-gradient(#0c3760,
                                    var(--md-footer-bg-color) 441px,
                                    #0c3760);
    }
}