.navbar .navbar-nav .nav-link {
    padding-right: 0.9rem;
    padding-left: 0.9rem;
    font-size: 1.08rem;
}

section#accelerator {
    margin-bottom: 0.5rem !important;
}

.scientific_saturdays_img {
    text-align: center;
    display: block;
    margin-bottom: 3rem;
    margin-top: 2.5rem;
}

.scientific_saturdays_img img.scientific_saturdays_pc,
.useful_vacations img.img_useful_vacations_pc {
    display: block;
}
.scientific_saturdays_img img.scientific_saturdays_mobile,
.useful_vacations img.img_useful_vacations_mobile {
    display: none;
}
.video_button {
    position: relative !important;
    width: 180px;
    height: 34px;
    background: url("/img/video.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}

@media (max-width:900px){
    .scientific_saturdays_img img.scientific_saturdays_pc,
    .useful_vacations img.img_useful_vacations_pc {
        display: none;
    }
    .scientific_saturdays_img img.scientific_saturdays_mobile,
    .useful_vacations img.img_useful_vacations_mobile {
        display: block;
    }
}

.scientific_saturdays_img img {
    max-width: 100%;
}

section#accelerator {
    margin-bottom: 4rem;
}


@media (max-width: 575px) {
    .about {
        height: auto !important;
        padding: 2rem !important;
        position:relative;
        background: url("/img/about-bg.png");
        background-size:     cover;
        background-position: center;
        background-repeat:   no-repeat;

    }
    .contest-page-about {
        background-size:     auto;
    }
}
@media (min-width: 576px) {
.about {
    height: 541px;
    position:relative;
    padding-left: 0 !important;

}
}

.about_buttons {
    bottom: -40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
.about_buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

.video_button {
    position: absolute;
    bottom: 0;
    right: 1.7rem;
    margin: 0;
    width: 200px;
    height: 38px;
    cursor:pointer;
    bottom: 4.5rem;
    background: url("/img/video.png") no-repeat;
}
}

@media (min-width: 992px) {
.about_buttons {
    margin-bottom: 0;
}
 .resources__item {
        width: 25% !important;
 }
 .trek_item {
        width: 20% !important;
 }
}

.socials .social__title h3{
    color: white;
}
.socials .social-link {
    color: white !important;
}

@media (max-width: 575px) {
    .socials_bg {
        position: relative !important;
    }
}

.socials_bg {
    background-color: rgba(245,245,245,.15);
    /* position: absolute;
    bottom: 0; */
    width: 100%;
}

.socials {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1005px;
        padding: 0rem 0rem;
            border-radius: 0 0 0.25rem 0.25rem;
}

.hrpanel {
margin-bottom: 3rem;
}
@media (max-width: 575px) {
.hrpanel .header {
        background-image: url(/img/panel-mobile.png) !important;
        flex-direction: column;
}
.hrpanel .header__title {
    font-size: 0.7rem !important;
    margin-top: 0;
    margin-bottom: 1.2rem !important;
    width: 100%;
    line-height: 1rem  !important;

}
.hrpanel .header__feedback a {
    width: 200px !important;
        padding: 8px !important;
        font-size: 1rem !important;
}

}

.hrpanel .header__feedback a {
    width: 250px;
}

.hrpanel .header {

        background-image: url(/img/panel.png);
            background-repeat: no-repeat;
                    background-size: 100% auto;
                            display: flex;
                                align-items: flex-end;
                                    padding: 1.6rem;
                                    }

.hrpanel .header__title {
    color: #fff;
    flex: 1 0 0%;
    margin-bottom: 0;
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 1.8rem;
    line-height: 1.8rem;
}

.hrpanel .header__feedback {
        margin-right: 2rem;
        margin-bottom: 1.8rem;
    margin-top: 0;
        }

@media (max-width: 575px) {
    .trek__body {
#       flex-direction: column;
        align-items: center !important;

        justify-content: center !important;
    }
    .trek_item {
        margin: 0rem 0.1rem;
        width: 120px !important;
        height: 180px !important;
    }

 }
.trek__body {
#    --bs-gutter-x: 4rem;
        --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
#    margin-right: calc(-.5 * var(--bs-gutter-x));
#    margin-left: calc(-.5 * var(--bs-gutter-x));

}
.trek_item {
    width: 200px;
    height: 320px;
    cursor: pointer;
}

.trek1 {
    background: url("/img/trek1.png");
    margin-left: 0 !important;
    margin: 0 !important;
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek1:hover {
    background: url("/img/trek1_1.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek1::after {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
    content: url('/img/trek1_1.png');
}


.trek2 {
    background: url("/img/trek2.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek2:hover {
    background: url("/img/trek2_1.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek2::after {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
    content: url('/img/trek2_1.png');
}

.trek3 {
    background: url("/img/trek3.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek3:hover {
    background: url("/img/trek3_1.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek3::after {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
    content: url('/img/trek3_1.png');
}

.trek4 {
    background: url("/img/trek4.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek4:hover {
    background: url("/img/trek4_1.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek4::after {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
    content: url('/img/trek4_1.png');
}

.trek5 {
    background: url("/img/trek5.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek5:hover {
    background: url("/img/trek5_1.png");
    background-size:     contain;
    background-position: center;
    background-repeat:   no-repeat;
}
.trek5::after {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
    content: url('/img/trek5_1.png');
}

@media (min-width: 576px) {
    .modal-dialog.trek {
      max-width: 1200px !important;
    }
}

.header__buttons {
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .header__buttons a.btn-about {
        display: block;
    }

    .header__buttons button.btn-user {
        padding: 0;
    }

    #about-project .modal-dialog {
        margin-top: 50px;
    }
}