.boxcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 90%;
    margin: auto;
    /* border: 1px solid black; */
}

.boxcontainer a:link {
    text-decoration: none;
}

.linkbox {
    border-radius: 10px;
    width: 225px;
    height: 155px;
    justify-content: center;
    margin: 25px 25px;
    font-family: sans-serif;
    color: white;
    font-size: 1.4em;
    text-align: center;
    padding: 25px 8px 0px 8px;
    /* -webkit-filter: drop-shadow(5px 5px 5px #333);
    filter: drop-shadow(5px 5px 5px #333);
    text-shadow: 5px 5px 5px #333; */
}

.linkbox a:link {
    text-decoration: none;
}

.linkbox:hover {
    box-shadow: 0 15px 15px rgba(1, 0, 0, 0.3);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.linkbox img {
    /* border: 1px solid black; */
    /* width: 100px;
    height: 100px; */
    /* -webkit-filter: drop-shadow(5px 5px 5px #333);
    filter: drop-shadow(5px 5px 5px #333); */
}

* {
    font-family: sans-serif;
}

h1 {
    text-align: center;
    font-size: 2em;
}

h2 {
    text-align: center;
    font-size: 1.8em;
    color: #001479;
}

.topspace {
    display: block;
    background-color: #0078d4;
    height: 35px;
}

.container_top {
    display: flex;
    /* justify-content: center; */
    width: 100%;
    background-color: #004883;
    flex-wrap: wrap;
}

.container_top2 {
    display: flex;
    justify-content: center;
    width: 70%;
    background-color: transparent;
    flex-wrap: nowrap;
    /* border: 1px solid black; */
    margin: auto;
}

.announcement {
    padding-left: 25px;
}

.element {
    justify-content: center;
    background-color: #004883;
    color: white;
    text-decoration: none;
    display: inline-block;
    min-height: 18px;
    padding: 12px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0px;
    flex-grow: 1;
}

.element>a:link,
a:visited {
    text-decoration: none;
    color: white;
}

.element:hover {
    background-color: #B04533;
}

@media screen and (max-width: 1160px) {

    /* Two Column Layout */

    .container_top {
        background-color: #004883;
    }

    .container_top2 {
    display: flex;
    justify-content: center;
    width: 90%;
    background-color: transparent;
    flex-wrap: wrap;
    /* border: 1px solid black; */
    margin: auto;
}

.announcement {
    padding-left: 0px;
}

    .element {
        flex-grow: 1;
    }

}



@media screen and (max-width: 830px) {
    .container_top {
        flex-direction: column;
        justify-content: center;
        background-color: transparent;

    }

    .element {
        width: 93%;
        text-align: center;
        margin: 3px 0px;
    }

    .container_top {
        display: flex;
        /* justify-content: center; */
        width: 100%;
        background-color: transparent;
        flex-wrap: wrap;
    }

    .container_top2 {
        display: flex;
        /* justify-content: center; */
        width: 90%;
        background-color: transparent;
        flex-wrap: wrap;
    }
}

.bodytext {
    color: black;
}

.bodytext>a:link,
a:visited {
    text-decoration: underline;
    color: dark blue;
}

/* .bodytext:hover {
    background-color: #B04533;
} */

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
}