body {
        margin: 0;
    }

    .main-wrapper {
        font-size: 14px;
    }

    .top-header {
        background-color: #173E93;
        color: white;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .top-header p {
        font-size: 1em;
        margin: 1.2% 0 1.2% 2vw;
    }

    .section-title {
        color: #1776E1;
        font-size: 1.4em;
    }

    .section-list-wrapper {
        width: 100%;
        padding-top: 4%;
    }

    .section-wrapper {
        padding: 3%;
        min-height: 89vh;
        font-size: 1.4em;

    }

    .section-breaker {
        height: 2px;
        background-color: #F1F1F1;
        width: 100%;
        display: block;
    }

    .logos {
        display: inline-block;
        width: 100%;
        margin-bottom: 1%;
    }

    .logos img {
        margin-right: 5%;
        width: 10vw;
        height: 10vw;
        min-width: 100px;
        min-height: 100px;
        object-fit: contain;
        vertical-align: middle;
    }

    .announce-text {
        width: 60%;
        
    }

    .announce-text a {
        text-decoration: underline;
        color: rgb(68, 68, 68);
    }

    .code-snippet {
        width: 98%;
        margin-left: 2%;
        white-space: pre-line;
        font-size: 0.8em;
    }

    .code-snippet b{
        background-color: #fffe91;
	font-weight: lighter;
    }

    .contact-wrapper {
        margin: 32px 0;
    }

    .contact-link {
        color: #173E93;
        text-decoration: none;
    }

    @media only screen and (max-width: 600px) {
        .main-wrapper {
            font-size: 2.2vw;
        }

        .top-header p {
            font-size: 2em;
            margin: 4% 0 4% 2vw;

        }

        .section-list-wrapper {
            padding-top: 20%;
        }

        .announce-text {
            width: 70%;
        }
    
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
    .main-wrapper {
        font-size: 1.5vw;
    }

    .top-header p {
            font-size: 1.5em;
            margin: 4% 0 4% 2vw;

        }

        .section-list-wrapper {
            padding-top: 12.5%;
        }
}