.index-advertisment .card,
.index-members .card {
    margin-bottom: 5px !important;
}

.ui.header .sub.header,
.sub.header {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 16px !important;
    font-weight: 700;
    color: #ff5733 !important;
    margin-bottom: 15px !important;
}

.banner-section-pages {
    background-image: url(/images/banner-main-home.jpg);
    position: relative;
    height: 60vh;
    background-position: center;
    background-size: cover;
    background-color: #414141;
}

.banner-section-pages .overlay, .banner-section .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 60%);
}

.banner-section-pages .caption, .banner-section .caption {
    /* text-align: center;
    letter-spacing: 1px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%); */
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
    position: absolute;
    /* top: 46%;
    left: 16%;
    -ms-transform: translate(-8%, -12%);
    transform: translate(-8%, -12%); */
    top: 52%;
    left: 25%;
    transform: translate(-20%, -12%);
}


.banner-section-pages .caption .ui.header.sub-header, .banner-section h1.ui.header {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px !important;
}

.banner-section-pages .caption .ui.header, .banner-section h4.ui.header {
    font-weight: 600;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 1.23em;
    letter-spacing: 0px;
}

.ui.secondary.inverted.pointing.menu .active.item {
    border-color: #ff5733 !important;
}

.ui.divider {
    border-top-style: solid;
    border-top-width: 3px !important;
    border-top-color: #ff5733 !important;
    width: 42px;
}

.center.aligned .ui.divider {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.advertisment-image {
    object-fit: cover;
    object-position: bottom;
}

@media (min-width: 1400px) {
    .advertisment-image {
        height: 32VW !important;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .advertisment-image {
        height: 32VW !important;
    }
}

@media (min-width: 767px) and (max-width: 999px) {
    .advertisment-image {
        height: 30vw !important;
    }
}

.show-mobile {
    display: none !important;
}

@media (max-width: 766px) {
    .hide-mobile {
        display: none !important;
    }
    .show-mobile {
        display: block !important;
    }
    .secondary.inverted.black.menu .container .right.item {
        margin-left: 0 !important;
    }
    .banner-section-pages .caption .ui.header.sub-header, .banner-section h1.ui.header {
        font-size: 1.2em !important;
    }
    .banner-section-pages .caption .ui.header, .banner-section h4.ui.header {
        font-size: 2em;
    }
    .banner-section-pages .caption, .banner-section .caption{
        text-align: center;
        letter-spacing: 1px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 5%;
        -ms-transform: translate(-50%, -20%);
        transform: translate(-2%, -20%);
    }
    .advertisment-image {
        height: 64vw !important;
    }
}

.member-photo {
    object-fit: fill;
    object-position: bottom;
}

@media (min-width: 1400px) {
    .member-photo {
        height: 12VW !important;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .member-photo {
        height: 20VW !important;
    }
}

@media (min-width: 767px) and (max-width: 999px) {
    .member-photo {
        height: 30vw !important;
    }
}

@media (max-width: 766px) {
    .member-photo {
        height: 62vw !important;
    }
}

.responsive-landscape-image {
    object-fit: cover;
    object-position: bottom;
}

@media (min-width: 992px) {
    .responsive-landscape-image {
        height: 12VW !important;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .responsive-landscape-image {
        height: 18vw !important;
    }

}

@media only screen and (max-width: 766px) {
    .responsive-landscape-image {
        height: 60vw !important;
    }
}

.orange-link:hover {
    color: #ff5733 !important
}

.ui.card>.content>.description,
.ui.cards>.card>.content>.description {
    color: #000000;
}

.ui.card .meta,
.ui.cards>.card .meta {
    color: #000000;
}

.ui.segment {
    font-size: 1.2rem !important;
}

.sub.header {
    font-weight: 700 !important;
}

.ui.card>.extra,
.ui.cards>.card>.extra {
    color: #000000;
}

.ui.table {
    font-size: 1.2em;
}

.ui.form .field>label {
    font-size: 1.2em;
}

.main-menu {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff;
}


@media (max-width: 1200px) {
    .banner-section-pages {
        height: 100vh;
    }

    .banner-section-pages .caption .ui.header {
        font-size: 2.5em;
    }
}

@media (max-width: 1024px) {
    .banner-section-pages .caption .ui.header {
        font-size: 2.2em;
    }

    .members-slider .member-description {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .banner-section-pages {
        height: 100vh;
    }

    .banner-section-pages .caption .ui.header {
        font-size: 2em;
    }

    .members-slider .member-description {
        font-size: 16px;
    }
}