.navbar-item {
    /* background-color: rgba(158, 5, 5, 0.514); */
    padding: 8px 5px;
    font-size: 3.8vw;
}

.news-cover {
    display: none !important;
}
#aside-logo-container {
    display: none !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.member-img{
    display: none;
}
.contact-wrapper{
    justify-content: center !important;
}
.contact-component{
    flex-flow: row !important;
    width: 80vw !important;
    justify-content: space-around !important;
}

.contact-component > span {
    display: flex;
    flex-flow: column;
}
.contact-component > span > h4 {
    padding-bottom: 3px;
}

@media (min-width: 430px) {

    /** small viewport: smartphone **/
    #page-wrapper {
        max-width: 100vw;
        width: 100vw;
        height: 100vh;
    }

    .navbar-item {
        /* background-color: blueviolet; */
        padding: 10px 6px;
        font-size: 4.0vw;
    }

    .info-background {
        min-height: 250px !important;
    }

    #aside-logo-container {
        display: block !important;
    }
    span > h3 {
        font-size: 14;
    }
    .member-img{
        display: block;
    }

    .contact-wrapper{
        justify-content: space-between !important;
    }
    .contact-component {
        width: 160px !important;
        flex-flow: column !important;
        justify-content: center !important;
    }
}

@media (min-width: 450px) {
    .news-cover {
        display: block !important;
        max-height: 10vh !important;
    }
}


@media (max-width: 620px) {
    #info-wrapper {
        flex-direction: column;
    }

    .info-box {
        width: auto !important;
    }

    .info-background {
        min-height: 200px !important;
    }
}


@media (min-width: 720px) {

    * {
        font-size: 20px;
    }
    h2 {
        font-size: 30px;
    }
    /** middle large viewport: tablett **/
    #page-wrapper {
        max-width: 90vw;
        width: 90vw;
        height: 100vh;
    }

    .sticky {
        width: 90vw;
    }

    .navbar-item {
        /* background-color: blue; */
        padding: 12px;
        font-size: 3.0vw;
    }
    .news-cover {
        max-height: 10vh !important;
    }
}


@media (min-width: 1000px) {

    /** large viewport: browser **/

    * {
        margin: 0;
        padding: 0;
    }

    #page-wrapper {
        max-width: 60vw;
        width: 60vw;
        height: 100vh;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 60vw;
    }

    .navbar-item {
        /* background-color: greenyellow; */
        padding: 15px 8px;
        font-size: 2.0vw;
    }

    .info-background {
        min-height: 300px !important;
    }
    .news-cover {
        max-height: 20vh !important;
    }
    .news-text-wrapper{
        padding-top: 10px;
    }
}

@media (min-width: 2500px) {

    /** ultra large viewport: browser **/

    * {
        margin: 0;
        padding: 0;
    }

    #page-wrapper {
        max-width: 50vw;
        width: 50vw;
        height: 100vh;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 50vw;
    }

    .navbar-item {
        /* background-color: black; */
        padding: 12px 8px;
        font-size: 1.0vw
    }

    .info-background {
        min-height: 300px !important;
    }
}