body, .container-header {background: url(https://litfact.ru/images/bg.jpg); }

.container-below-top, a, h1,h2,h3,h4 {color: #7d594a;}

.container-header .container-nav, .footer, .btn {background: #7d594a;}

ul.fields-container {padding-left: 0px !important;}

#mod-custom96, #mod-custom98 {width: 85%;}

.field-label {font-weight: 600;}

.mod-languages {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-end;
}

a.btn, a.btn:visited, a.btn:hover, .btn a, .btn a:hover, .btn a:visited, .btn {
    color: #fff !important;
}

 #plg_system_eprivacy_alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999; 
    margin-bottom: 0; 
    border-radius: 0; 
}                  

#plg_system_eprivacy_details_header, #plg_system_eprivacy_alert h5{
    display: none;
}

.card-body {
    background: #fff2dd;
}

  @media (max-width: 768px) {
    .container-below-top {
    display: flex;
    flex-wrap: wrap; /* Разрешаем перенос блоков на новую строку */
}

    
    #mod-custom97, #mod-custom96 {
        width: 100%; /* Каждый блок занимает всю ширину экрана и выстраивается в колонку */
    }
    
}

@media (width >= 992px) {
    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

@media (width >= 1200px) {
    h1, .h1 {
        font-size: 1.4rem;
      margin-bottom: 1.8rem;
    }
      h2, .h2 {
        font-size: 1.2rem;
        margin-bottom: 1.4rem;
        
    }
      h3, .h3 {
        font-size: 1rem;
    }
}