body {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-top: 0px;

    width: 100vw;
    height: 100vh;
    /*font-family: "Open Sans", sans-serif; */
    font-family: Lato, "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header {
    background-color: white;
    color: #027FAD;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    /* Vertically center both title and nav */
    justify-content: space-between;
    /* Push title left, nav right */
    border-bottom: 2px solid #e0e0e0;
    flex-wrap: wrap;
    /* Let it adapt if screen gets small */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}



/* Layout */
.container {
    display: flex;
    flex: 1;
}

.content {
    flex: 1;
    padding: 1rem;
}

/* Header image section */
.image-section {
    width: 100vw;
    height: 200px;
    background-color: #f8f9fa;
    text-align: center;
}

.image-section img {
            width: 100vw;
            height:200px;
            object-fit:cover;
        }

/* Footer wrapper */
.footerboxwrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #333;
}

/* Footer content box */
.footerbox {
    width: 98%;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    background-color: #333;
    display: flex;
}

/* Footer image */
.footerbox img {
    text-align: center;
    vertical-align: top;
    margin: 0 0 0 100px;
    padding-bottom: 0;
}

/* Footer list */
.footerbox ul {
    line-height: 20px;
    padding-top: 20px;
    float: right;
}

/* Footer links */
.footerbox a {
    text-decoration: none;
    border-bottom: 1px solid #565656;
    color: #ccc;
}

/* Footer list items */
.footerbox li {
    display: inline;
    padding-left: 4px;
    margin-right: 4px;
    border-left: 1px solid #777;
    color: #ccc;
}

.download-icon {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    vertical-align: middle;
}