*{
    overflow: hidden;
    padding: 0;
    margin: 0;
}
html,
body{
    height: 100%;
}
button{
    height: 100%;
    width: 100%;
    font-size: 24px;
}
img{
    max-width: 100%;
    max-height:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    float: center;
}


#main-wrapper{
    height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
}
.centered{
    text-align: center;
}

.bisection{
    display: grid;
    grid-template-columns: 50% 50%;
}

.flexbox{
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    space-around;
    align-items:        center;
}

@media (max-width: 767px){
    .bisection{
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
    }
    .flexbox{
        flex-direction: column;
        flex-wrap:      wrap;
    }
}