﻿.home-img-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: calc(100vh - 240px);
}

.home-img-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center
}

.home-header-text {
    max-width: 900px;
    font-size: 36px;
    text-align: center
}

.home-logo-img, .home-books-img {
    max-width: 400px
}

@media only screen and (max-width: 1340px) {

    .home-header-text {
        max-width: 700px;
        font-size: 32px;
        text-align: center
    }

    .home-logo-img, .home-books-img {
        max-width: 300px
    }
}

@media only screen and (max-width: 991px) {

    .home-header-text {
        max-width: 400px;
        font-size: 26px;
        text-align: center
    }

    .home-logo-img, .home-books-img {
        max-width: 200px
    }
}

@media only screen and (max-width: 650px) {

    .home-img-container {
        display: flex;
        gap: 50px;
        align-items: center;
        flex-direction: column;
        height:auto;
        margin-bottom:100px
    }
}
