@media screen and (max-width: 900px) {
    .webpage #header .logocontainer .websitetitle { 
        display: none;
    }

}

@media screen and (max-width: 750px) {
    /*Change footer*/
    .webpage #footer .footerelement {
        display: block !important;
        width: 100% !important;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 0px !important;
    }

    .webpage #footer .footerelement:nth-child(1) {
        display: none !important;
    }

    .webpage #footer .copyrightnotice {
        text-align: center;
    }

    /*Mobile menu*/

    .webpage #header .pc-menu {
        display: none;
    }

    .webpage #header .mob-menu-btn {
        display: inline-block;
    }

    /* Pages */
    .webpage .header {
        height: 200px;
    }

    .webpage .bigheader {
        height: 300px;
    }

    /*Split background*/

    .webpage .splitbackground-background {
        width: 100%;
    }

    .webpage .splitbackground-content {
        padding: 8px;
        width: 1032px;
        height: calc(100% - 16px);
        max-width: calc(100% - 16px);
        /* background-color: rgba(30, 83, 162, 0.5); */
        background-color: transparent;
    }

    .webpage .splitbackground-content::after {
        display: none;
        left: 0px;
        top: 0px;
        width: 0px;
        height: 0px;
        background-image: none;
    }

    /*Image side*/

    .webpage .imageside .paragraph {
        width: 100%;
        display: block;
        margin-right: 0px;
    }

    .webpage .imageside .portretimage {
        display: block;
        margin: auto;
        margin-top: 20px;
        max-width: 100%;
    }

    /*Blog*/
    .webpage .post {
        display: block;
        width: calc(100% - 15px * 2);
        margin-right: 0px !important;
        margin-bottom: 20px;
    }
    .webpage .post .timestamp {
        display: block;
        float: none;
        margin-top: 5px;
    }
    .webpage .post h2 {
        display: block;
    }

    /*Search*/
    .webpage .searchcontainer {
        width: calc(100% - 4px);
    }
    .webpage .searchcontainer input {
        width: calc(100% - 55px);
    }
    .webpage .article .head .timestamp {
        float: none;
        display: block;
        margin-top: 5px;
    }
    .webpage .article .head h1 {
        display: block;
    }

    /*Split*/
    .webpage .split div.half {
        width: 100%;
        display: block;
        margin-right: 0px !important;
        margin-bottom: 15px;
    }

}