/*
 * Theme add-on based on "cosmos-themes":
 * https://themeforest.net/user/cosmos-themes
 */

.logo-frame {
    width: 75%;
    max-width: 260px;
    /*aspect-ratio: 1 / 1;*/
    /*padding: 25px 0;*/
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0;
    box-sizing: border-box;
}

.logo-frame img {
    width: 100%;
    height: 100%;
    display: block;
}

.banner-frame {
    display: flex;
    justify-content: center;
    width: 70%;
    max-width: 980px;
    margin: 0 auto 20px auto;
}

.banner-frame > div {
    width: 100%;
    text-align: center;
}

.banner-frame img {
    max-width: 540px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.clearfix {
    clear: both;
}

.rukh-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
}

.rukh-flex-item {
    flex: 1 1 300px;
    min-width: 280px;
}

#home {
    background-image: url("../img/frontpage/frontpage.png");
}