.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 5vh;
    margin-top: 5vh;
}

body {
    background-color: #e8d5d5;
    margin: 0%;
}

.img {
    height: 20vh;
    object-fit: contain;
    max-width: 89vw;
    transition: transform .2s;
}

.img:hover {
    transform: scale(1.1);
}

#header {
    text-align: center;
}

#mainlogo {
    height: 30vh;
}

@media screen and (orientation:portrait) {
    .img {
        height: 15vh;
    }
}