body
{
    overflow-x: hidden;
}
.content-body
{
    padding-left: 90px;

}
.content-title
{
    width: 100%;
    margin-left: 10%;
}
.logo-img
{
    max-width: 50%;
    padding: 10px;
    margin-top: 25px;
    text-align: center;
}

.speakers-photos
{
    display: flex;
    margin-top: 20px;
    align-items: center;
    min-width: 50%;
}
.speaker-photo
{
    max-width: 100px;
}

.speaker-image-container
{
    display: flex;
    overflow: hidden;
    width: 100%;
}
.respo-organization
{
    padding-left: 90px;
}
#logos
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-title
{
    color: white;
    font-family: Montserrat-Black, serif;
    font-size: 58px;
    /*text-shadow: rgba(0,0,0,0.2);*/
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.main-banner
{
    height: 65vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 80%), url("../images/uvodka.png");
    background-size: cover;
}

.banner-cards
{
    display: grid;
    grid-gap: 100px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    justify-items: center;
    margin: 40px;
}

.program-none
{
    margin-left: 50%;
    margin-top: 50px;
    margin-bottom: 150px;
}

.banner-card
{
    background-color: white;
    border-radius: 35px;
    display: flex;
    padding: 30px;
    width: 100%;
    /*height: 50%;*/
    justify-content: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.banner-text
{
    font-family: Montserrat-Bold, serif;
}
.subtitle
{
    font-size: 38px;
}

.banner-card i {
    color: #e40232
}

.conference-section
{
    display: flex;
    flex-direction: column;
}

.conference-div {
    display: flex;
    align-items: center;
}

.icon-box
{
    margin: 0!important;
    background-color: #e40232;
    padding: 15px;
}

.icon-box i
{
    color: white;
}

.overview-title
{
    font-family: Montserrat-Bold, serif;
    color: #485860;
    margin-left: 25px;
}

.overview-title i
{
    color: white;
    background-color: #e40232;
    padding: 15px;
}

.conferences
{
    display: flex;
    flex-direction: column;
    margin-left: 45px;
    padding: 0 45px 45px 45px;
}

.conference
{
    width: 90%;
    margin: 25px 0 25px 0;
    align-items: center;
}

.conference-image
{
    margin-right: 2%;
}

.conference-image img
{
    width: 220px;
    height: 200px;
    object-fit: cover;
    border-radius: 25px;
}

.conference-date
{
    font-family: Montserrat-Medium, serif;
}

.conference-title
{
    font-family: Montserrat-Bold, serif;
}

.conference-footer
{
    display: flex;
    margin-top: 4px;
}

.conference-footer .fa-user
{
    margin-left: 8px;
}

.conference-speaker
{
    font-family: Montserrat-SemiBold, serif;
}

.speaker-margin
{
    margin-left: 50px;
}
.conference-speaker i
{
    color: #e40232;
    margin-right: 10px;
}

.photo-gallery
{
    background-color: #f9f9f9;;
}

.gallery-list
{
    display: grid;
    justify-content: center;
}

.row-gallery a
{
    margin: 25px;
    color: transparent;
}

.gallery-item img
{
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 35px;
}

.gallery-content
{
    display: flex;
    padding: 45px;
    flex-wrap: wrap;
    justify-content: start;
}

.gallery-item
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gallery-title
{
    font-size: 18px;
    font-family: Montserrat-Bold, serif;
    height: 54px;
}

.gallery-p
{
    font-size: 14px;
}

.planing-section
{
    height: 45vh;
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.2) 80%), url("../images/uvod-footer.jpg") center;
    background-size: cover;
}

.conference-plan
{
    font-family: Montserrat-Bold, serif;
    font-size: 30px;
    margin-top: 45px;
}

.bg-gray
{
    background-color: rgba(169, 169, 169, 0.53);
}
.input-style
{
    width: 300px;
}
.form-signin-remaster
{
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}

.btn-color
{
    background-color: #e40232;
    color: #ffffff;
}

.btn:hover
{
    background-color: #ec1c49;
    color: #ffffff;
}

.btn:active
{
    background-color: #ec1c49!important;
    color: #ffffff!important;
}

#davinci-carousel img {
    width: auto;
    margin: auto;
}

#davinci-carousel img {
    height: 400px;
}

#davinci-carousel {
    width: calc(100vw/2);
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

.carousel-item {
    background: #485860;
}

.login-logo-style
{
    width: 300px;
    height: 150px;
}

@media screen and (max-width: 925px)
{
    .conference
    {
        flex-wrap: wrap;
    }
    .speaker-image-container
    {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 775px)
{
    .main-banner h1
    {
        text-align: center;
        font-size: 38px;
    }
    .subtitle {
        font-size: 28px;
    }
    .main-banner .banner-cards
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .banner-cards
    {
        grid-gap: 20px;
    }
    .speaker-margin
    {
        margin-left: 0;
    }
    .ms-3
    {
        margin-left: 0!important;
    }

    .register-element
    {
        width: 100%!important;
    }

}

@media screen and (max-width: 490px) {
    .banner-cards
    {
        margin: 20px;
    }

    .main-banner
    {
        height: 85vh;
    }

    .planing-section
    {
        height: 75vh;
    }

    .gallery-content
    {
        padding: 0;
    }

    .conferences
    {
        margin-left: 0;
    }
    .overview-title
    {
        font-size: 20px;
    }
    .gallery-content
    {
        margin-bottom: 45px;
    }

    .banner h1
    {
        font-size: 1.5rem;
    }

    .content-section
    {
        padding: 0!important;
    }

    .content-right
    {
        padding: 0!important;
    }

    .content-right h1
    {
        font-size: 1.5rem!important;
    }

    .content-left
    {
        width: 100px!important;
    }

    .icon-box
    {
        margin: 0!important;
    }

    .banner-card h2
    {
        font-size: 18px!important;
    }

    .banner-inner-row .banner-inner-col a
    {
        width: 150px;;
    }

    .banner-inner-row {
        flex-direction: column;
        align-items: center;
    }

    .banner-inner-col {
        margin-bottom: 10px;
    }

    .organization-info-right #map
    {
        height: 0!important;
    }

    .speakers
    {
        flex-direction: column!important;
    }

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

    .ms-3
    {
        margin-left: 0!important;
    }

    .register-element
    {
        width: 100%!important;
    }

    .content-body
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .respo-organization
    {
        padding-left: 20px;
    }
    .speakers-col
    {
        max-width: 100%;
    }
}