#img_logo {
    width: 5%;
    height: 5%;
    vertical-align: middle;
    text-align: center;
}

.bgimg-1 {
    background-image: url(../images/bg_test2.png);
    min-height: 100%;
}

.w3-display-middle {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#topLogo, #slogan, #footer_img  {
    display: block;
    text-align: center;
}

#img_logo {
    margin-bottom: 50px;
}

/* desktop and tablet view */
@media (min-width: 400px) {
    
}

/* mobile view */
@media (max-width: 399px) {
    #topLogo {
        padding-top: 30px;
    }

    #img_logo {
        width: 50px;
        height: 50px;
        margin-top: 20px;
    }

    #slogan {
        margin: -20px 0 40px 0;
    }
}